/* EpinStore V4.0 — Professional Commerce Design System */
:root{
  --v4-max:1560px;--v4-radius:18px;--v4-radius-sm:12px;--v4-shadow:0 24px 70px rgba(0,0,0,.28);--v4-glow:0 0 0 1px rgba(124,77,255,.16),0 22px 70px rgba(124,77,255,.08);
  --v4-green:#b7ff48;--v4-cyan:#54d6ff;--v4-purple:#8b63ff;
}
body{background:radial-gradient(circle at 10% 0,rgba(139,99,255,.13),transparent 28%),radial-gradient(circle at 90% 8%,rgba(84,214,255,.09),transparent 25%),linear-gradient(180deg,#070b11 0,#09101a 48%,#070b11 100%);}
.container.wide-container{width:min(var(--v4-max),calc(100% - 48px))}
.v4-utility{height:36px;background:rgba(3,7,12,.84);border-bottom:1px solid rgba(255,255,255,.05);font-size:11px;color:#aab6c7}.v4-utility .container{display:flex;align-items:center;justify-content:space-between;height:100%;gap:16px}.v4-utility-left,.v4-utility-right{display:flex;align-items:center;gap:16px}.v4-utility a{color:#c4cfdd;text-decoration:none}.v4-utility a:hover{color:#fff}.v4-status{color:#76f59f}.v4-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:#66ef8d;box-shadow:0 0 0 5px rgba(102,239,141,.08),0 0 14px rgba(102,239,141,.55)}
.main-header{top:0;background:rgba(7,11,17,.82);border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 18px 50px rgba(0,0,0,.18)}.header-main-wrap{background:linear-gradient(180deg,rgba(14,21,31,.96),rgba(7,11,17,.92))}.header-main{min-height:88px;grid-template-columns:270px minmax(420px,1fr) auto;gap:22px}.brand-mark{width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,#40e89c,#7a5dff 72%);box-shadow:0 12px 32px rgba(112,88,255,.22)}.brand{font-size:21px}.brand small{font-size:8px}
.v4-searchbar{height:54px;border-radius:15px;background:#0a1119;border:1px solid #26374a;box-shadow:inset 0 1px rgba(255,255,255,.025)}.v4-searchbar:focus-within{border-color:#6d61ff;box-shadow:0 0 0 4px rgba(109,97,255,.08),0 10px 30px rgba(109,97,255,.12)}.v4-searchbar button{background:linear-gradient(135deg,#b7ff48,#79ee43);min-width:82px}.v4-search-suggest{position:absolute;left:0;right:0;top:calc(100% + 8px);background:#0d151e;border:1px solid #253449;border-radius:15px;box-shadow:var(--v4-shadow);padding:8px;display:none;z-index:100}.search-wrap{position:relative}.v4-search-suggest.open{display:block}.v4-search-item{display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:10px;text-decoration:none;color:#e9eef5}.v4-search-item:hover{background:#131e2b}.v4-search-item img{width:36px;height:36px;object-fit:cover;border-radius:8px;background:#121a23}.v4-search-item small{display:block;color:#8190a4;margin-top:2px}
.header-actions{gap:4px}.head-action{border:1px solid transparent}.head-action:hover{border-color:#25364a;background:linear-gradient(180deg,#121c27,#0d151e)}.v4-action-icon{width:36px;height:36px;border-radius:11px;background:#101b27;display:grid;place-items:center;color:#d8e4f3}.v4-action-meta small{font-size:9px}.v4-action-meta b{font-size:11px}
.category-nav{background:rgba(14,22,33,.96);border-top:1px solid rgba(255,255,255,.04);box-shadow:inset 0 1px rgba(255,255,255,.02)}.category-nav>.container{min-height:50px}.cat-all{min-width:232px;height:50px}.cat-links a{padding:15px 11px;font-size:11px}.cat-links a:hover,.cat-links a.active{background:#131f2c}
.v4-mega{position:absolute;top:100%;left:0;right:0;background:linear-gradient(180deg,#0d151f,#0a1018);border-top:1px solid #243345;box-shadow:0 40px 80px rgba(0,0,0,.42);display:none}.v4-mega.open{display:block}.v4-mega-inner{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:22px;padding:22px 0}.v4-mega-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.v4-mega-group{padding:6px}.v4-mega-group h4{font-size:10px;color:var(--v4-green);letter-spacing:.12em;text-transform:uppercase;margin:0 0 7px}.v4-mega-group a{display:flex;align-items:center;gap:8px;padding:9px;border-radius:10px;color:#cfd9e6;text-decoration:none;font-size:11px}.v4-mega-group a:hover{background:#121c28;color:#fff}.v4-mega-promo{min-height:190px;border:1px solid #28394c;border-radius:16px;background:center/cover no-repeat;overflow:hidden;position:relative}.v4-mega-promo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 15%,rgba(2,5,8,.88) 100%)}.v4-mega-promo-content{position:absolute;z-index:2;left:18px;right:18px;bottom:16px}.v4-mega-promo-content b{font-size:20px;display:block}.v4-mega-promo-content small{color:#b9c5d4}
main.container{padding-top:26px;padding-bottom:110px}.hero-shell{gap:14px}.hero-carousel{min-height:450px;border-radius:20px;box-shadow:var(--v4-glow)}.hero-slide{transition:opacity .6s ease,transform .6s ease}.hero-slide.active{display:block;animation:v4hero .65s ease both}@keyframes v4hero{from{opacity:.2;transform:scale(1.015)}to{opacity:1;transform:none}}.hero-dots button{height:5px}.side-promos{gap:14px}.promo-banner{min-height:218px;border-radius:18px}.hero-tools{gap:14px}.tool-tile{min-height:218px;box-shadow:var(--v4-glow)}
.v4-section{margin-top:48px}.v4-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px}.v4-section-head h2{font-size:31px;letter-spacing:-1.1px;margin:4px 0}.v4-kicker{font-size:10px;letter-spacing:.16em;color:var(--v4-green);font-weight:950}.v4-sub{color:#8c9bb0;font-size:12px}.v4-head-action{display:flex;gap:8px}.v4-chip{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #26374a;border-radius:999px;background:#0e1722;color:#cbd6e4;text-decoration:none;font-weight:850;font-size:11px}.v4-chip:hover{border-color:#5d5aff;color:#fff;transform:translateY(-1px)}
.v4-category-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:9px}.v4-category{display:flex;align-items:center;gap:9px;min-height:70px;padding:10px;border:1px solid #253244;border-radius:14px;background:linear-gradient(180deg,#101a25,#0c141d);text-decoration:none;transition:.22s;position:relative;overflow:hidden}.v4-category:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.06),transparent);transform:translateX(-100%);transition:.45s}.v4-category:hover:before{transform:translateX(100%)}.v4-category:hover{transform:translateY(-3px);border-color:#4b5e76;box-shadow:0 18px 35px rgba(0,0,0,.24)}.v4-cat-icon{width:34px;height:34px;border-radius:10px;background:#132232;color:var(--v4-green);display:grid;place-items:center;flex:none}.v4-cat-icon .icon-svg{width:18px;height:18px}.v4-category b{font-size:11px;line-height:1.2}.v4-category small{display:block;color:#718198;font-size:9px;margin-top:3px}
.v4-platform-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.v4-platform-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border-radius:11px;border:1px solid #26374a;background:#0e1722;color:#aebacc;font-size:11px;font-weight:900;cursor:pointer;transition:.2s}.v4-platform-tab.active,.v4-platform-tab:hover{border-color:#7465ff;color:#fff;box-shadow:0 0 0 3px rgba(116,101,255,.08)}.v4-platform-panel{display:none}.v4-platform-panel.active{display:block;animation:v4fade .3s ease}@keyframes v4fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.v4-platform-panel-head{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border:1px solid #26374a;border-radius:14px 14px 0 0;background:#0e1721}.v4-platform-panel-head small{display:block;color:#7f8da1;font-size:9px;margin-top:2px}.v4-platform-products{padding:12px;background:rgba(11,17,25,.7);border:1px solid #26374a;border-top:0;border-radius:0 0 14px 14px}
.product-grid{gap:14px}.product-card{border-radius:16px;box-shadow:0 15px 36px rgba(0,0,0,.15)}.product-card:hover{box-shadow:0 26px 55px rgba(0,0,0,.32),0 0 0 1px rgba(124,77,255,.16)}.product-img img{transition:transform .45s cubic-bezier(.2,.8,.2,1)}.product-card:hover .product-img img{transform:scale(1.055)}.product-category-line{padding-top:2px}.cat-color-bar{height:3px;border-radius:99px;display:block;margin-top:4px;background:linear-gradient(90deg,#8d5cff,#4fe8ff,#b7ff48);box-shadow:0 0 12px rgba(130,110,255,.22)}
.v4-live-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.v4-live-card{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #243448;border-radius:13px;background:linear-gradient(180deg,#0e1722,#0b131c)}.v4-live-icon{width:34px;height:34px;border-radius:10px;background:#162433;display:grid;place-items:center;color:var(--v4-green)}.v4-live-card b{font-size:11px}.v4-live-card small{display:block;color:#75859a;font-size:9px;margin-top:2px}
.v4-brand-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.v4-brand-card{min-height:76px;border:1px solid #243448;border-radius:14px;background:#0e1722;display:flex;align-items:center;justify-content:center;color:#d8e0ea;font-weight:950;text-decoration:none;transition:.2s}.v4-brand-card:hover{transform:translateY(-2px);border-color:#5b6579;box-shadow:0 18px 40px rgba(0,0,0,.22)}
.v4-footer{margin-top:0;border-top:1px solid #192433;background:linear-gradient(180deg,#0a1017,#070b11)}
.v4-cookie{position:fixed;left:18px;bottom:18px;width:min(360px,calc(100% - 36px));background:#0c151f;border:1px solid #26374a;border-radius:14px;padding:12px;box-shadow:var(--v4-shadow);z-index:150}.v4-cookie strong{font-size:11px}.v4-cookie p{font-size:10px;color:#8492a5;margin:5px 0 10px}.v4-cookie-actions{display:flex;gap:8px}.v4-cookie button{flex:1}
.auth-card{box-shadow:var(--v4-shadow);border-color:#2a3a4e}.auth-card .btn-primary{box-shadow:0 16px 35px rgba(124,77,255,.24)}
@media(max-width:1200px){.v4-category-grid{grid-template-columns:repeat(5,1fr)}.v4-live-strip{grid-template-columns:repeat(2,1fr)}.v4-brand-grid{grid-template-columns:repeat(3,1fr)}.header-main{grid-template-columns:230px 1fr auto}.header-actions .head-action:nth-child(2){display:none}}
@media(max-width:950px){.v4-utility-right{display:none}.header-main{grid-template-columns:1fr auto}.search-wrap{grid-column:1/-1;grid-row:2}.header-main{padding-bottom:12px}.main-header{position:sticky}.v4-mega-inner{grid-template-columns:1fr}.v4-mega-grid{grid-template-columns:repeat(2,1fr)}.hero-shell{grid-template-columns:1fr}.hero-tools{grid-template-columns:1fr 1fr}.hero-carousel{min-height:360px}.side-promos{grid-template-columns:1fr 1fr}.v4-category-grid{grid-template-columns:repeat(4,1fr)}.product-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:680px){.container.wide-container{width:min(var(--v4-max),calc(100% - 28px))}.v4-utility{height:32px}.header-main{min-height:74px}.header-actions .head-action{padding:6px}.header-actions .v4-action-meta{display:none}.hero-tools,.side-promos{grid-template-columns:1fr}.hero-carousel{min-height:250px}.v4-category-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.v4-section-head{align-items:flex-start;flex-direction:column}.v4-section-head h2{font-size:25px}.v4-live-strip{grid-template-columns:1fr}.v4-brand-grid{grid-template-columns:repeat(2,1fr)}.cat-all{min-width:160px}.cat-links a{padding-inline:9px;font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.v4-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.v4-blog-card{overflow:hidden;border:1px solid #253448;border-radius:16px;background:#0d151f;transition:.22s}.v4-blog-card:hover{transform:translateY(-3px);border-color:#4a5c73;box-shadow:0 20px 45px rgba(0,0,0,.22)}.v4-blog-card a{text-decoration:none;color:inherit}.v4-blog-card img{display:block;width:100%;height:190px;object-fit:cover}.v4-blog-card> a>div{padding:14px}.v4-blog-card h3{margin:5px 0;font-size:16px}.v4-blog-card p{margin:0;color:#8796aa;font-size:11px}.v4-blog-hero{height:320px;border-radius:18px;border:1px solid #253448;background:center/cover no-repeat;margin-bottom:16px;box-shadow:var(--v4-shadow)}.v4-prose{font-size:14px;line-height:1.8;color:#cfd9e5;white-space:pre-wrap}.footer-trust{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.footer-trust span{font-size:10px;padding:6px 8px;border-radius:999px;border:1px solid #263548;background:#0c151e;color:#9babbf}@media(max-width:900px){.v4-blog-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.v4-blog-grid{grid-template-columns:1fr}}
.v4-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.v4-blog-card{overflow:hidden;border:1px solid #253448;border-radius:16px;background:#0d151f;transition:.22s}.v4-blog-card:hover{transform:translateY(-3px);border-color:#4a5c73;box-shadow:0 20px 45px rgba(0,0,0,.22)}.v4-blog-card a{text-decoration:none;color:inherit}.v4-blog-card img{display:block;width:100%;height:190px;object-fit:cover}.v4-blog-card>a>div{padding:14px}.v4-blog-card h3{margin:5px 0;font-size:16px}.v4-blog-card p{margin:0;color:#8796aa;font-size:11px}.v4-blog-hero{height:320px;border-radius:18px;border:1px solid #253448;background:center/cover no-repeat;margin-bottom:16px;box-shadow:var(--v4-shadow)}.v4-prose{font-size:14px;line-height:1.8;color:#cfd9e5;white-space:pre-wrap}.footer-trust{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.footer-trust span{font-size:10px;padding:6px 8px;border-radius:999px;border:1px solid #263548;background:#0c151e;color:#9babbf}@media(max-width:900px){.v4-blog-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.v4-blog-grid{grid-template-columns:1fr}}
.v4-product-actions{display:flex;justify-content:flex-end;margin:12px 0}.product-detail-main .v4-product-actions .v4-chip{font-size:10px}
.v4-product-actions form{margin:0}.v4-product-actions .v4-chip{cursor:pointer;color:#d7e2ee}
.admin-v4-list{display:grid;gap:9px}.admin-v4-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;background:#0c151e;border:1px solid #1e2c3c;border-radius:11px}.admin-v4-item-main{min-width:0}.admin-v4-item-main b{display:block;font-size:11px}.admin-v4-item-main small{display:block;color:#6f7f92;font-size:9px;margin-top:2px}.admin-v4-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.v4-cookie{position:fixed;left:18px;bottom:18px;width:min(390px,calc(100% - 36px));background:#0d151f;border:1px solid #2a3c52;border-radius:15px;padding:14px;box-shadow:0 30px 80px rgba(0,0,0,.45);z-index:200}.v4-cookie p{margin:4px 0 12px;color:#8795a8;font-size:10px}.v4-cookie-actions{display:flex;gap:8px}.v4-cookie-actions button{flex:1}