/* EpinStore V3.7 design system */
:root{--v37-accent:#b7ff48;--v37-purple:#8b5cf6;--v37-blue:#38bdf8;--v37-red:#ff4d67;--v37-orange:#f6a23a}
body{background:radial-gradient(circle at 10% 0,rgba(124,77,255,.10),transparent 30%),radial-gradient(circle at 95% 20%,rgba(47,209,255,.06),transparent 25%),#070b12}
.main-header{border-bottom:1px solid rgba(86,108,136,.16);box-shadow:0 20px 70px rgba(0,0,0,.22)}
.header-main{min-height:110px;gap:30px}.brand-mark{width:54px;height:54px;border-radius:17px;background:linear-gradient(135deg,#47ef9b,#7c4dff);box-shadow:0 14px 35px rgba(124,77,255,.3),inset 0 1px 0 rgba(255,255,255,.18)}
.searchbar{height:56px;border-radius:16px;background:linear-gradient(180deg,#0d1520,#0a1018);border-color:#293c53;box-shadow:0 16px 40px rgba(0,0,0,.22)}.searchbar button{background:linear-gradient(135deg,#b7ff48,#8cf36b);transition:transform .2s,filter .2s}.searchbar button:hover{filter:brightness(1.06);transform:translateY(-1px)}
.category-nav{background:linear-gradient(180deg,#121c28,#0d1620);box-shadow:0 14px 32px rgba(0,0,0,.14)}.cat-links a{position:relative}.cat-links a:after{content:"";position:absolute;left:12px;right:12px;bottom:5px;height:2px;background:linear-gradient(90deg,transparent,var(--v37-accent),transparent);transform:scaleX(0);transition:transform .25s ease}.cat-links a:hover:after,.cat-links a.active:after{transform:scaleX(1)}
.hero-shell{margin-top:34px;gap:18px}.hero-carousel,.promo-banner,.tool-tile{border-radius:22px}.hero-carousel{min-height:500px;box-shadow:0 32px 100px rgba(0,0,0,.32),0 0 0 1px rgba(255,255,255,.02)}.hero-slide{background-position:center;filter:saturate(1.02);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.hero-slide.active{animation:v37HeroIn .9s ease both}.hero-slide .hero-overlay{background:linear-gradient(90deg,rgba(3,7,12,.22),rgba(3,7,12,.02) 60%,transparent)}.hero-dots{bottom:22px}.hero-dots button{height:5px;border-radius:999px;transition:width .25s,background .25s}.hero-dots button.active{width:44px}
.section{padding-top:42px}.section-head{align-items:end;margin-bottom:20px}.section-head h2{font-size:clamp(30px,2.8vw,44px)}.section-head h2:before{content:"";display:inline-block;width:7px;height:28px;border-radius:8px;background:linear-gradient(180deg,var(--v37-purple),var(--v37-accent));margin-right:12px;vertical-align:-3px;box-shadow:0 0 18px rgba(141,92,255,.32)}
.category-card{border-radius:17px;min-height:126px}.category-card:hover{transform:translateY(-7px) scale(1.01)}
.product-card{border-radius:18px;overflow:hidden}.product-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 15%,rgba(255,255,255,.04) 50%,transparent 85%);transform:translateX(-120%);transition:transform .7s ease}.product-card:hover:before{transform:translateX(120%)}.product-img{aspect-ratio:1/1.12}.product-img img{height:100%;object-fit:cover}.product-card:hover .product-img img{transform:scale(1.06)}
.platform-tabs{margin-top:26px}.platform-tab{padding:12px 16px;border-radius:13px}.platform-tab.active{box-shadow:0 14px 38px rgba(95,91,255,.18)}
.service{border-radius:18px}.service:hover{transform:translateY(-5px)}
.footer{position:relative;overflow:hidden}.footer:before{content:"";position:absolute;left:15%;right:15%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(183,255,72,.25),transparent)}
@keyframes v37HeroIn{from{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}
/* Admin v3.7 */
.admin-shell{background:#05080d}.sidebar{background:linear-gradient(180deg,#07101a,#060a10);border-right:1px solid #1b2838}.admin-top{height:76px;background:rgba(7,11,18,.94);border-bottom:1px solid #172435;backdrop-filter:blur(12px)}.admin-content{padding-bottom:60px}.mini-badge,.section-kicker{letter-spacing:.16em;font-size:9px;color:#9eaac0;font-weight:950}.admin-title{font-size:34px;margin:8px 0}.banner-manager-head{align-items:flex-end}.banner-new-btn{box-shadow:0 15px 35px rgba(124,77,255,.22)}
.banner-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.banner-stat{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid #1d2b3b;border-radius:18px;background:linear-gradient(180deg,#0d1622,#09111a);box-shadow:0 18px 36px rgba(0,0,0,.15);transition:.22s}.banner-stat:hover{transform:translateY(-3px);border-color:#31465f}.banner-stat small{display:block;color:#7f8ca1;font-size:10px}.banner-stat strong{display:block;margin-top:2px;font-size:25px}.banner-stat-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:#fff;font-weight:900}.banner-stat-icon.purple{background:rgba(139,92,246,.16);color:#b89cff}.banner-stat-icon.green{background:rgba(88,229,133,.12);color:#67ef96}.banner-stat-icon.blue{background:rgba(56,189,248,.12);color:#57cfff}.banner-stat-icon.orange{background:rgba(246,162,58,.12);color:#ffbe69}
.banner-editor-grid{display:grid;grid-template-columns:minmax(440px,.95fr) minmax(520px,1.4fr);gap:18px}.banner-editor-card,.banner-list-card{min-height:680px}.banner-editor-card{background:radial-gradient(circle at 75% 0,rgba(124,77,255,.10),transparent 28%),linear-gradient(180deg,#0e1824,#09111a)}.banner-form{display:grid;gap:14px}.banner-preview-large{height:245px;border:1px solid #22344a;border-radius:18px;overflow:hidden;background:#080d13;position:relative;display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}.banner-preview-large img{width:100%;height:100%;object-fit:cover}.preview-chip{position:absolute;left:12px;top:12px;padding:5px 9px;border-radius:999px;background:rgba(6,10,15,.72);border:1px solid rgba(255,255,255,.1);font-size:9px;font-weight:950;color:#dfe7ef}.banner-upload{min-height:160px}.banner-upload input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.banner-form-note{display:flex;gap:9px;align-items:flex-start;padding:13px 14px;border:1px solid #23354a;border-radius:14px;background:#0b141e;color:#aebbd0;font-size:11px}.banner-form-note b{color:#b7ff48}.banner-save-btn{width:100%;padding:13px 18px}.banner-status-field{display:flex;flex-direction:column;justify-content:flex-end}.toggle-line{height:46px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid #24374e;border-radius:12px;background:#0a121b;color:#dbe4ee;font-size:12px}.toggle-line input{accent-color:#b7ff48}.list-count{font-size:10px;color:#8090a5;padding:7px 9px;border:1px solid #203147;border-radius:999px}.banner-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.banner-item{border:1px solid #1d2d41;border-radius:16px;background:linear-gradient(180deg,#0d1723,#09111a);overflow:hidden;transition:.22s;box-shadow:0 12px 26px rgba(0,0,0,.13)}.banner-item:hover{transform:translateY(-4px);border-color:#354c66;box-shadow:0 20px 40px rgba(0,0,0,.24)}.banner-item.is-passive{opacity:.72}.banner-thumb{display:block;aspect-ratio:16/7;background:#080d13;overflow:hidden}.banner-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.banner-item:hover .banner-thumb img{transform:scale(1.04)}.banner-item-meta{display:flex;justify-content:space-between;gap:8px;padding:12px 12px 7px}.banner-item-meta strong{display:block;font-size:12px}.banner-item-meta span{display:block;color:#78879c;font-size:9px;margin-top:3px}.banner-status{padding:5px 8px;border-radius:999px;font-size:9px;font-weight:950;height:max-content}.banner-status.on{background:rgba(73,219,129,.12);color:#65eb95;border:1px solid rgba(73,219,129,.14)}.banner-status.off{background:rgba(255,77,103,.10);color:#ff7185;border:1px solid rgba(255,77,103,.12)}.banner-item-actions{display:flex;gap:6px;padding:0 12px 12px}.btn-ghost{background:#101a26;border-color:#24354a;color:#bbc7d4}.banner-item-actions form{margin:0}.empty-banner-state{grid-column:1/-1;text-align:center;padding:80px 30px;border:1px dashed #2a3d53;border-radius:16px;color:#78889d}.empty-banner-state div{font-size:36px}.empty-banner-state h3{margin:10px 0 6px;color:#eaf0f6}.empty-banner-state p{margin:0}
@media(max-width:1100px){.banner-stat-grid{grid-template-columns:repeat(2,1fr)}.banner-editor-grid{grid-template-columns:1fr}.banner-editor-card,.banner-list-card{min-height:auto}}@media(max-width:720px){.admin-title{font-size:28px}.banner-stat-grid{grid-template-columns:1fr 1fr}.banner-grid{grid-template-columns:1fr}.banner-stat{padding:14px}.banner-stat strong{font-size:21px}.banner-preview-large{height:190px}}@media(max-width:520px){.banner-stat-grid{grid-template-columns:1fr}.banner-editor-grid{gap:12px}.banner-item-actions{flex-wrap:wrap}.banner-form .form-row{grid-template-columns:1fr}}

/* V3.7.1 storefront/admin customization */
.homepage-editor-grid{display:grid;gap:14px}.homepage-row{padding:18px;border:1px solid #1d2d41;border-radius:16px;background:linear-gradient(180deg,#0d1723,#09111a);transition:.22s}.homepage-row:hover{transform:translateY(-2px);border-color:#324862}.homepage-row-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.homepage-row-head b{font-size:13px}.homepage-row-head small{display:block;color:#71839a;font-size:9px;margin-top:3px}.quick-links{display:flex;flex-wrap:wrap;gap:9px}.platform-admin-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #182738}.platform-admin-row>div{display:flex;gap:10px;align-items:center}.platform-admin-row .icon-svg{width:22px;height:22px;color:#b7ff48}.platform-admin-row small{display:block;color:#73849b;font-size:9px}.main-header .category-nav .cat-links{overflow:hidden}.hero-slide.image-only-slide,.promo-banner.image-only-banner{background-size:cover;background-repeat:no-repeat;background-position:center}.hero-slide.image-only-slide:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,8,13,.06),transparent 70%);pointer-events:none}.hero-shell{grid-template-columns:minmax(0,1.85fr) minmax(180px,.7fr) minmax(170px,.55fr)}.hero-tools{display:grid;gap:14px}.tool-tile{box-shadow:0 18px 50px rgba(0,0,0,.22)}.category-nav{position:relative;z-index:20}.category-dropdown{z-index:50}.product-category-name{font-weight:800}.cat-color-bar{height:3px;border-radius:99px;flex:1;min-width:30px;background:linear-gradient(90deg,#8b5cf6,#b7ff48)}.cat-steam,.cat-steam-oyunlari{background:linear-gradient(90deg,#1d8fff,#7ab7ff)}.cat-valorant{background:linear-gradient(90deg,#ff4655,#ff8d96)}.cat-pubgm,.cat-pubg{background:linear-gradient(90deg,#ffad32,#ff5d2f)}.cat-playstation{background:linear-gradient(90deg,#2474ff,#73a5ff)}.cat-xbox{background:linear-gradient(90deg,#32c85c,#8de6a0)}.cat-ea,.cat-ea-app{background:linear-gradient(90deg,#ff6a45,#ffc34f)}.cat-roblox{background:linear-gradient(90deg,#ef426f,#ff8a5d)}.cat-metın2,.cat-metin2{background:linear-gradient(90deg,#ec4d39,#ffa54a)}.cat-digital{background:linear-gradient(90deg,#8b5cf6,#22d3ee)}