/* EpinStore V3.3 visual polish */
:root{--glow:rgba(124,77,255,.28);--glow2:rgba(183,255,72,.18)}
body{position:relative;isolation:isolate;overflow-x:hidden;background:radial-gradient(circle at 14% 0%,rgba(124,77,255,.12),transparent 26%),radial-gradient(circle at 88% 18%,rgba(55,190,255,.08),transparent 22%),var(--bg)}
body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.6),transparent 70%)}
body:after{content:"";position:fixed;z-index:-1;width:520px;height:520px;right:-230px;top:180px;border-radius:50%;background:radial-gradient(circle,rgba(124,77,255,.13),transparent 68%);filter:blur(30px);pointer-events:none;animation:v33float 10s ease-in-out infinite}
@keyframes v33float{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-22px,18px,0) scale(1.05)}}
@keyframes v33rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes v33shine{from{transform:translateX(-150%)}to{transform:translateX(220%)}}
@keyframes v33pulse{0%,100%{box-shadow:0 0 0 0 rgba(183,255,72,.0),0 10px 26px rgba(124,77,255,.18)}50%{box-shadow:0 0 0 8px rgba(183,255,72,.05),0 18px 42px rgba(124,77,255,.28)}}
@keyframes v33spin{to{transform:rotate(360deg)}}
main.container{animation:v33rise .55s ease both}
.brand-mark{position:relative;overflow:hidden;animation:v33pulse 4s ease-in-out infinite}.brand-mark:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.38) 48%,transparent 62%);transform:translateX(-150%);animation:v33shine 4.8s ease-in-out infinite}
.main-header{background:linear-gradient(180deg,rgba(8,12,19,.98),rgba(9,14,22,.90));box-shadow:0 18px 60px rgba(0,0,0,.26)}.header-main{min-height:108px}.searchbar{box-shadow:inset 0 1px rgba(255,255,255,.03),0 8px 30px rgba(0,0,0,.16);transition:.25s}.searchbar:focus-within{border-color:#7759ff;box-shadow:0 0 0 4px rgba(119,89,255,.08),0 14px 40px rgba(0,0,0,.22)}.searchbar button{transition:.2s}.searchbar button:hover{filter:brightness(1.08);transform:translateY(-1px)}
.head-action{transition:transform .2s,background .2s,border-color .2s}.head-action:hover{transform:translateY(-2px);background:linear-gradient(180deg,#121d2a,#0e1620);box-shadow:0 10px 25px rgba(0,0,0,.16)}
.cat-links a{position:relative;transition:.2s}.cat-links a:after{content:"";position:absolute;left:14px;right:14px;bottom:6px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--brand-accent),var(--brand2));transform:scaleX(0);transform-origin:center;transition:.2s}.cat-links a:hover:after,.cat-links a.active:after{transform:scaleX(1)}
.hero-carousel,.promo-banner,.tool-tile,.category-card,.product-card,.service,.banner-strip,.card{box-shadow:0 16px 45px rgba(0,0,0,.14);backface-visibility:hidden}
.hero-carousel{border-color:#273448;box-shadow:0 25px 75px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.04)}.hero-slide{display:block;opacity:0;pointer-events:none;transition:opacity .65s ease,transform .9s ease;transform:scale(1.02)}.hero-slide.active{opacity:1;pointer-events:auto;transform:scale(1)}.hero-copy>*{animation:v33rise .55s ease both}.hero-copy h1{animation-delay:.07s}.hero-copy p{animation-delay:.14s}.hero-copy .btn{animation-delay:.21s}.hero-overlay{background:linear-gradient(90deg,rgba(2,7,12,.78),rgba(4,10,16,.38) 55%,rgba(4,10,16,.04))}.hero-dots button{transition:.2s}.hero-dots button:hover{transform:scaleY(1.8);background:#fff}.hero-dots button.active{width:42px}
.promo-banner{transition:transform .3s,box-shadow .3s,border-color .3s}.promo-banner:hover{transform:translateY(-5px) scale(1.01);border-color:#3b4e65;box-shadow:0 24px 55px rgba(0,0,0,.28)}.promo-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.06) 42%,transparent 58%);transform:translateX(-150%);transition:none}.promo-banner:hover:before{animation:v33shine .85s ease}.tool-tile{transition:transform .28s,border-color .28s,box-shadow .28s}.tool-tile:hover{transform:translateY(-5px);border-color:#3a4659;box-shadow:0 22px 48px rgba(0,0,0,.26)}.wheel-mini{animation:v33spin 9s linear infinite;filter:saturate(1.08);box-shadow:0 0 0 4px rgba(255,255,255,.035),0 0 65px rgba(225,77,255,.32)}.wheel-promo:hover .wheel-mini{animation-duration:2.6s}
.category-grid{gap:13px}.category-card{position:relative;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}.category-card:after{content:"";position:absolute;inset:auto -40% -70% auto;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,var(--glow),transparent 65%);transition:.3s}.category-card:hover{transform:translateY(-6px);border-color:#495b72;box-shadow:0 24px 42px rgba(0,0,0,.28)}.category-card:hover:after{transform:scale(1.45)}.category-card>span{transition:.25s;box-shadow:inset 0 1px rgba(255,255,255,.05)}.category-card:hover>span{transform:rotate(-4deg) scale(1.06);color:#fff;background:linear-gradient(135deg,#1a3345,#23304d)}
.product-card{position:relative;transition:transform .28s,border-color .28s,box-shadow .28s}.product-card:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.035) 46%,transparent 60%);transform:translateX(-150%);pointer-events:none}.product-card:hover:after{animation:v33shine .9s ease}.product-card:hover{transform:translateY(-7px);border-color:#485a70;box-shadow:0 28px 55px rgba(0,0,0,.30)}.product-img img{transition:transform .45s ease,filter .45s ease}.product-card:hover .product-img img{transform:scale(1.06);filter:saturate(1.08)}.discount{box-shadow:0 6px 18px rgba(154,243,68,.18)}.price-row b{transition:transform .2s}.product-card:hover .price-row b{transform:translateX(2px)}
.platform-tab{transition:transform .2s,border-color .2s,box-shadow .2s}.platform-tab:hover{transform:translateY(-2px)}.platform-tab.active{position:relative}.platform-tab.active:after{content:"";position:absolute;left:16px;right:16px;bottom:4px;height:2px;border-radius:2px;background:var(--brand-accent)}
.section-head h2{position:relative}.section-head h2:after{content:"";display:block;width:38px;height:3px;border-radius:2px;margin-top:8px;background:linear-gradient(90deg,var(--brand-accent),var(--brand))}
.service{transition:.24s}.service:hover{transform:translateY(-4px);border-color:#3d5066;box-shadow:0 24px 42px rgba(0,0,0,.24)}.service-icon{transition:.25s}.service:hover .service-icon{transform:scale(1.12) rotate(-4deg)}
.btn{position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s,filter .2s}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.16) 48%,transparent 65%);transform:translateX(-150%)}.btn:hover:before{animation:v33shine .75s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,0,0,.18)}
.footer{position:relative;overflow:hidden}.footer:before{content:"";position:absolute;left:25%;right:25%;top:-150px;height:240px;background:radial-gradient(circle,rgba(124,77,255,.11),transparent 68%);pointer-events:none}
.mobile-bottom{box-shadow:0 18px 55px rgba(0,0,0,.35)}.mobile-bottom a{transition:transform .18s,color .18s}.mobile-bottom a:hover{transform:translateY(-2px);color:#fff}
/* Account / member area */
.account-head{display:flex;justify-content:space-between;align-items:stretch;gap:18px;padding:28px;border:1px solid #253448;border-radius:22px;background:radial-gradient(circle at 80% 15%,rgba(124,77,255,.18),transparent 32%),linear-gradient(145deg,#0e1823,#0b1119);box-shadow:0 24px 60px rgba(0,0,0,.24)}.account-head h1{font-size:42px;letter-spacing:-1.6px;margin:8px 0}.balance-box{min-width:230px;padding:22px;border-radius:18px;background:linear-gradient(135deg,#52e58f,#35bdea);color:#06100c;display:flex;flex-direction:column;justify-content:center;box-shadow:0 18px 40px rgba(53,189,234,.18)}.balance-box small{opacity:.72;font-weight:800}.balance-box b{font-size:31px;margin-top:2px}.account-grid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:18px;margin-top:18px}.account-menu{display:flex;flex-direction:column;gap:7px;height:max-content}.account-menu a{padding:13px 14px;border-radius:11px;text-decoration:none;color:#adb9c9;transition:.2s}.account-menu a:hover,.account-menu a.active{background:linear-gradient(135deg,rgba(124,77,255,.18),rgba(183,255,72,.04));color:#fff;transform:translateX(3px)}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:15px 0 18px}.mini-stats>div{padding:16px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(180deg,#111b26,#0d141d)}.mini-stats span{display:block;color:var(--muted);font-size:10px}.mini-stats b{display:block;margin-top:5px;font-size:17px}.account-notice{padding:18px;border:1px solid #243448;border-radius:15px;background:linear-gradient(135deg,rgba(124,77,255,.10),rgba(43,225,144,.05))}.account-notice p{color:#a9b7c6;margin:5px 0 13px}.account-notice .btn{width:max-content}
/* Wheel */
.wheel-card{position:relative;overflow:hidden}.wheel-card:before{content:"";position:absolute;inset:auto auto -120px -110px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(255,75,216,.14),transparent 68%);pointer-events:none}.wheel-stage{filter:drop-shadow(0 18px 35px rgba(0,0,0,.26))}.wheel-pointer{animation:v33pulse 2.1s ease-in-out infinite}.wheel-center{transition:.25s}.btn-spin:not(:disabled){animation:v33pulse 3.2s ease-in-out infinite}.wheel-message{animation:v33rise .35s ease both}
@media(max-width:900px){.account-head{flex-direction:column}.balance-box{min-width:0}.account-grid{grid-template-columns:1fr}.mini-stats{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.account-head{padding:20px}.account-head h1{font-size:31px}.mini-stats{grid-template-columns:1fr}.account-notice .btn{width:100%}.header-main{min-height:0}.hero-copy h1{letter-spacing:-1px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}

/* V3.4 storefront refinement */
.wide-container{max-width:1380px!important}.section{padding-top:46px;padding-bottom:46px}.main-header{position:sticky;top:0;z-index:70;backdrop-filter:blur(16px)}
.product-category-line{display:flex;align-items:center;gap:9px;min-height:18px}.product-category-name{font-size:11px;line-height:1.2;color:#8fa0b2;font-weight:700;text-transform:none}.cat-color-bar{display:inline-block;width:54px;height:7px;border-radius:999px;background:linear-gradient(90deg,#7c4dff,#38d9ff,#b7ff48,#ff4d9d);box-shadow:0 0 18px rgba(124,77,255,.28);position:relative;overflow:hidden}.cat-color-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-110%);animation:v34barshine 3.2s ease-in-out infinite}.cat-steam{background:linear-gradient(90deg,#00a8ff,#6f8cff,#173d78)}.cat-valorant{background:linear-gradient(90deg,#ff4655,#ff7a93,#7b234d)}.cat-pubgm{background:linear-gradient(90deg,#ffca28,#ff7043,#d32f2f)}.cat-lol{background:linear-gradient(90deg,#c8aa6e,#13c7d6,#2c8fff)}.cat-playstation{background:linear-gradient(90deg,#0070cc,#4aa3ff,#8c52ff)}.cat-xbox{background:linear-gradient(90deg,#107c10,#49d17a,#8ce38a)}.cat-roblox{background:linear-gradient(90deg,#ef3340,#ff7b7b,#4d83ff)}.cat-ea{background:linear-gradient(90deg,#ff8a00,#ff3d00,#ffd740)}.cat-metin2{background:linear-gradient(90deg,#6d4c41,#d6a85f,#8e24aa)}.cat-steam{background:linear-gradient(90deg,#1b2838,#66c0f4,#2a475e)}
@keyframes v34barshine{0%,65%{transform:translateX(-110%)}88%,100%{transform:translateX(110%)}}
.product-card{overflow:hidden}.product-card .product-category-line{margin-bottom:5px}.product-card .product-body h3{margin-top:3px}.product-link{display:block}
/* Cart */
.cart-page{min-height:66vh}.cart-page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}.cart-page-head h1{font-size:42px;letter-spacing:-1.8px;margin:6px 0}.cart-page-head p{margin:0;max-width:680px}.cart-alert{border:1px solid rgba(183,255,72,.24);background:rgba(183,255,72,.06);color:#cfff91;padding:13px 16px;border-radius:13px;margin-bottom:16px}.empty-cart{text-align:center;padding:70px 25px;background:radial-gradient(circle at 50% 0%,rgba(124,77,255,.15),transparent 38%),linear-gradient(145deg,#0e1823,#0b1119)}.empty-cart-icon{font-size:58px;filter:drop-shadow(0 0 22px rgba(124,77,255,.25));animation:v33pulse 3s ease-in-out infinite}.empty-cart h2{font-size:30px;margin:14px 0 8px}.cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start}.cart-items{display:flex;flex-direction:column;gap:13px}.cart-item{position:relative;display:grid;grid-template-columns:108px minmax(0,1fr);gap:17px;padding:13px;overflow:hidden;transition:.25s}.cart-item:hover{transform:translateY(-3px);border-color:#3c5066;box-shadow:0 24px 44px rgba(0,0,0,.26)}.cart-item-media{position:relative;display:block;height:108px;border-radius:13px;overflow:hidden;background:#0a0f16}.cart-item-media img{width:100%;height:100%;object-fit:cover;transition:.4s}.cart-item:hover .cart-item-media img{transform:scale(1.07)}.cart-item-shine{position:absolute;inset:0;background:linear-gradient(115deg,transparent 22%,rgba(255,255,255,.12) 50%,transparent 62%);transform:translateX(-150%)}.cart-item:hover .cart-item-shine{animation:v33shine .8s ease}.cart-item-main{min-width:0;padding:6px 40px 4px 0}.cart-item-title{display:block;color:#fff;text-decoration:none;font-size:19px;font-weight:800;margin:4px 0 5px}.cart-item-title:hover{color:#b9ff65}.cart-item-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:15px}.qty-control{display:inline-flex;align-items:center;border:1px solid #263649;background:#0b121b;border-radius:10px;overflow:hidden}.qty-control input{width:42px;border:0;background:transparent;color:#fff;text-align:center;padding:9px 3px;outline:0}.qty-btn{width:35px;height:36px;background:transparent;border:0;color:#aebbd0;font-size:20px;cursor:pointer}.qty-btn:hover{background:#141f2d;color:#fff}.cart-line-price{font-size:21px;color:#b7ff48}.cart-remove{position:absolute;right:11px;top:11px}.cart-remove button{width:34px;height:34px;border-radius:9px;border:1px solid #273546;background:#101924;color:#9fb0c2;cursor:pointer;font-size:22px;line-height:1}.cart-remove button:hover{color:#ff7d8a;border-color:#63313a;background:#1b1115}.cart-toolbar{display:flex;justify-content:space-between;align-items:center;padding:7px 2px}.cart-summary{position:sticky;top:182px;padding:22px;background:radial-gradient(circle at 100% 0%,rgba(124,77,255,.14),transparent 35%),linear-gradient(145deg,#101b28,#0b131c)}.summary-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.summary-badge{font-size:10px;padding:5px 8px;border-radius:999px;background:rgba(183,255,72,.09);color:#b7ff48;border:1px solid rgba(183,255,72,.15)}.summary-row,.summary-total{display:flex;justify-content:space-between;align-items:center;padding:11px 0;color:#9eaabd}.summary-row b{color:#fff}.summary-row .free{color:#9cf05c}.summary-divider{height:1px;background:linear-gradient(90deg,transparent,#27384d,transparent);margin:5px 0}.summary-total{font-size:17px;color:#fff;padding:17px 0 14px}.summary-total b{font-size:28px;color:#fff}.summary-checkout{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:5px}.summary-trust{display:flex;gap:11px;align-items:flex-start;padding-top:15px;margin-top:15px;border-top:1px solid #1d2a38}.summary-trust>span{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#111e2c}.summary-trust b{display:block;font-size:12px}.summary-trust small{display:block;color:#8190a1;font-size:10px;margin-top:2px}
@media(max-width:1000px){.cart-layout{grid-template-columns:1fr}.cart-summary{position:static}.wide-container{max-width:94%!important}.cart-page-head{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){.cart-page-head h1{font-size:31px}.cart-item{grid-template-columns:78px minmax(0,1fr);gap:12px}.cart-item-media{height:78px}.cart-item-title{font-size:15px}.cart-item-main{padding-right:26px}.cart-item-bottom{align-items:flex-start;flex-direction:column;gap:9px}.cart-line-price{font-size:18px}.cart-summary{padding:18px}.cart-toolbar{padding-top:4px}}
