/* FABIAN STORE — rediseño integral neon gaming / dashboard */
:root{--fs-bg:#10171b;--fs-panel:#172126;--fs-panel2:#0b1115;--fs-green:#76ff35;--fs-green2:#a4ff6a;--fs-line:rgba(126,255,66,.36);--fs-text:#f4f8f3;--fs-muted:#a8b6ae;--fs-shadow:0 0 0 1px rgba(118,255,53,.16),0 12px 34px rgba(0,0,0,.35)}
html{scroll-behavior:smooth}body{background:var(--fs-bg)!important;color:var(--fs-text)!important}body:not([data-store="v5"]){color:var(--fs-text)}
/* storefront */
body[data-store="v5"]{background:radial-gradient(ellipse at 50% 0%,#1b3026 0,#10171b 42rem)!important;color:var(--fs-text)!important;font-family:Inter,Arial,sans-serif}
body[data-store="v5"] .promo-marquee{background:var(--fs-green)!important;color:#071006!important;height:30px}
body[data-store="v5"] .utility-bar{background:#0a1013!important;color:#b8c5bd!important;border-bottom:1px solid #27352d}
body[data-store="v5"] .store-header{background:rgba(9,15,18,.96)!important;border-bottom:1px solid var(--fs-line)!important;box-shadow:0 8px 28px #0006}
body[data-store="v5"] .brand-logo{filter:drop-shadow(0 0 7px #76ff3540)}
body[data-store="v5"] .brand-text,body[data-store="v5"] .store-nav a,body[data-store="v5"] .store-nav button{color:#f5fff2!important}
body[data-store="v5"] .brand-text .tag{color:var(--fs-green)!important}
body[data-store="v5"] .store-search input{background:#111a1e!important;border:1px solid #3c5540!important;color:#fff!important;border-radius:8px 0 0 8px}
body[data-store="v5"] .store-search button,body[data-store="v5"] .store-btn-solid,body[data-store="v5"] .cart-btn,body[data-store="v5"] .cart-whatsapp{background:var(--fs-green)!important;color:#071006!important;border:1px solid var(--fs-green)!important;font-weight:900;box-shadow:0 0 16px #76ff3538}
body[data-store="v5"] .mega-menu{background:#10191d!important;border:1px solid var(--fs-line)!important;color:#fff!important;box-shadow:var(--fs-shadow)}
body[data-store="v5"] .fashion-hero{border:1px solid var(--fs-line)!important;border-radius:18px!important;overflow:hidden;box-shadow:0 0 28px #76ff3514;margin-top:22px!important}
body[data-store="v5"] .hero-shade{background:linear-gradient(90deg,rgba(4,10,8,.94),rgba(5,13,10,.67) 52%,rgba(3,8,7,.2))!important}
body[data-store="v5"] .hero-content h1{color:#fff!important;text-shadow:0 3px 22px #000}
body[data-store="v5"] .hero-content h1 i,body[data-store="v5"] .section-kicker,body[data-store="v5"] .hero-kicker{color:var(--fs-green)!important}
body[data-store="v5"] .hero-sticker{background:var(--fs-green)!important;color:#081108!important;box-shadow:0 0 25px #76ff3566}
body[data-store="v5"] .trust-strip,body[data-store="v5"] .benefit-strip{background:#111a1e!important;border:1px solid #293b30!important;border-radius:12px;color:#f5fff2!important}
body[data-store="v5"] .trust-strip small,body[data-store="v5"] .benefit-strip span,body[data-store="v5"] .section-heading p{color:var(--fs-muted)!important}
body[data-store="v5"] .trend-section,body[data-store="v5"] .editorial-section,body[data-store="v5"] .products-section,body[data-store="v5"] .brands-section{color:var(--fs-text)!important}
body[data-store="v5"] .store-section h2,body[data-store="v5"] .section-heading h2,body[data-store="v5"] .brands-section h2{color:#f7fff4!important}
body[data-store="v5"] .category-tile{border:1px solid var(--fs-line)!important;border-radius:13px!important;box-shadow:var(--fs-shadow);filter:saturate(.82)}
body[data-store="v5"] .category-tile:after{background:linear-gradient(0deg,rgba(4,10,7,.96),rgba(4,10,7,.05))!important}
body[data-store="v5"] .category-tile b{color:var(--fs-green)!important}
body[data-store="v5"] .editorial-section{background:#141f22!important;border:1px solid var(--fs-line);border-radius:16px;overflow:hidden}
body[data-store="v5"] .editorial-copy{background:linear-gradient(145deg,#17241f,#0d1417)!important;color:#fff!important}
body[data-store="v5"] .editorial-copy h2 i{color:var(--fs-green)!important}
body[data-store="v5"] .product-tools{background:#121b1f!important;border:1px solid #2d4132;border-radius:10px;padding:12px}
body[data-store="v5"] .product-tabs button,body[data-store="v5"] .product-tools select{background:#0d1417!important;color:#eaf5e8!important;border:1px solid #344638!important;border-radius:8px}
body[data-store="v5"] .product-tabs button.active,body[data-store="v5"] .product-tabs button:hover{background:var(--fs-green)!important;color:#071006!important;border-color:var(--fs-green)!important}
body[data-store="v5"] .product-card,body[data-store="v5"] .category-row,body[data-store="v5"] .product-tile{background:#131d21!important;color:#f3f8f1!important;border:1px solid #36523a!important;border-radius:12px!important;box-shadow:var(--fs-shadow)!important;overflow:hidden}
body[data-store="v5"] .product-card:hover{border-color:var(--fs-green)!important;box-shadow:0 0 22px #76ff3527!important;transform:translateY(-3px)}
body[data-store="v5"] .product-card button,body[data-store="v5"] .product-card .btn,body[data-store="v5"] .store-btn{border-radius:7px}
body[data-store="v5"] .sale-banner{background-color:#183321!important;border:1px solid var(--fs-green)!important;border-radius:14px!important;color:#fff!important;box-shadow:0 0 24px #76ff3517}
body[data-store="v5"] .sale-banner h2 b{color:var(--fs-green)!important}
body[data-store="v5"] .brand-ribbon{color:#c9d7ca!important;border-color:#304533!important}
body[data-store="v5"] footer,body[data-store="v5"] .store-footer{background:#080e11!important;color:#dce8dc!important;border-top:1px solid var(--fs-line)!important}
body[data-store="v5"] .cart-dropdown-panel,body[data-store="v5"] .modal-content,body[data-store="v5"] .subscribe-modal{background:#111a1e!important;color:#f4f8f3!important;border:1px solid var(--fs-line)!important;box-shadow:0 18px 50px #0009}
body[data-store="v5"] input,body[data-store="v5"] textarea,body[data-store="v5"] select{background:#0c1316;color:#f4f8f3;border-color:#38503c}
body[data-store="v5"] a:focus-visible,body[data-store="v5"] button:focus-visible{outline:2px solid var(--fs-green);outline-offset:3px}
/* admin app */
body.admin-layout{min-height:100vh;background:radial-gradient(ellipse at 60% 0%,#1b3026 0,#10171b 45rem)!important;color:var(--fs-text)!important;font-family:Inter,Arial,sans-serif}
.admin-header{position:fixed!important;z-index:30;inset:0 auto 0 0;width:244px!important;height:100vh!important;overflow-y:auto;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:15px!important;padding:22px 14px!important;background:linear-gradient(180deg,#0b1114,#121c20)!important;border-right:1px solid var(--fs-line)!important;box-shadow:8px 0 35px #0003}
.admin-brand{display:flex!important;align-items:center!important;gap:10px!important;padding:8px 8px 20px!important;border-bottom:1px solid #2b3d30!important;color:#fff!important}
.admin-brand strong{font-size:15px;letter-spacing:.04em}.admin-brand small{display:block;color:var(--fs-green)!important;font-size:11px}
.admin-brand .sidebar-logo{max-width:48px!important;max-height:48px!important;object-fit:contain}
.admin-nav{display:flex!important;flex-direction:column!important;gap:5px!important;align-items:stretch!important}
.admin-nav a{display:flex!important;align-items:center;gap:10px;padding:10px 12px!important;border:1px solid transparent!important;border-radius:8px!important;color:#bdc9c0!important;font-size:13px!important;font-weight:600;transition:all .18s ease}
.admin-nav a:hover,.admin-nav a.active{background:linear-gradient(90deg,#234528,#182b20)!important;border-color:#4c8d42!important;color:var(--fs-green)!important;box-shadow:inset 3px 0 var(--fs-green),0 0 15px #76ff3510}
.admin-logout{margin-top:auto!important;width:100%;background:#172126!important;border:1px solid #39483d!important;color:#f4f8f3!important;border-radius:8px!important;padding:11px!important}
.main-wrap{margin-left:244px!important;width:calc(100% - 244px)!important;min-width:0;padding:0 28px 36px!important}
.topbar{position:sticky!important;top:0;z-index:20;background:rgba(14,21,24,.92)!important;backdrop-filter:blur(14px);border-bottom:1px solid #2b3c30!important;margin:0 -28px 25px!important;padding:20px 28px!important;color:#fff!important}
.topbar .crumb{color:var(--fs-green)!important;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.14em}.topbar h1{margin:5px 0 0!important;font-size:25px!important;letter-spacing:-.03em;color:#f7fff4!important}
.admin-layout main{max-width:1600px;margin:0 auto}
.admin-layout .hero{background:linear-gradient(115deg,#1b3023,#131d21 65%,#1b2921)!important;border:1px solid var(--fs-line)!important;border-radius:14px!important;padding:27px!important;box-shadow:var(--fs-shadow);color:#fff!important}
.admin-layout .hero h1{font-size:clamp(24px,3vw,36px)!important;color:#fff!important;margin:8px 0 10px!important}.admin-layout .hero p{color:#b8c8bc!important}.admin-layout .eyebrow{color:var(--fs-green)!important}
.admin-layout .dashboard-stats{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(165px,1fr))!important;gap:14px!important;margin:16px 0!important}
.admin-layout .card,.admin-layout .stat-card,.admin-layout section.card,.admin-layout .grid>a{background:linear-gradient(145deg,#182328,#11191d)!important;border:1px solid #304737!important;border-radius:12px!important;color:#eef7ed!important;box-shadow:var(--fs-shadow)!important;padding:18px!important}
.admin-layout .card:hover,.admin-layout .grid>a:hover{border-color:var(--fs-green)!important;box-shadow:0 0 22px #76ff351b!important}
.admin-layout .stat-label,.admin-layout .muted,.admin-layout small{color:#aebdb1!important}.admin-layout .stat{font-size:30px!important;color:var(--fs-green)!important;font-weight:800!important;line-height:1.2}
.admin-layout h2,.admin-layout h3{color:#f4fff1!important}.admin-layout h2{font-size:19px!important;letter-spacing:-.02em}.admin-layout h3{font-size:15px!important}
.admin-layout input,.admin-layout select,.admin-layout textarea{background:#0b1215!important;color:#eff9ed!important;border:1px solid #3a5140!important;border-radius:7px!important;padding:10px!important}.admin-layout input:focus,.admin-layout select:focus,.admin-layout textarea:focus{outline:2px solid #76ff3570;border-color:var(--fs-green)!important}
.admin-layout button,.admin-layout .btn,.admin-layout button[type=submit],.admin-layout input[type=submit]{background:var(--fs-green)!important;color:#071006!important;border:1px solid var(--fs-green)!important;border-radius:7px!important;font-weight:800!important;padding:9px 13px!important;cursor:pointer}.admin-layout button:hover,.admin-layout .btn:hover{filter:brightness(1.08);box-shadow:0 0 15px #76ff3530}
.admin-layout table{width:100%;border-collapse:collapse;background:#111a1e!important;color:#edf5eb!important;border-radius:10px;overflow:hidden}.admin-layout th{background:#203127!important;color:var(--fs-green)!important;text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.admin-layout td,.admin-layout th{padding:11px 12px!important;border-bottom:1px solid #293b30!important}.admin-layout tr:hover td{background:#1a2820!important}
.admin-layout .grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;gap:13px!important}.admin-layout a{color:inherit}.admin-layout .active,.admin-layout .badge{border-radius:20px}
/* Login and non-store public pages */
body:not([data-store="v5"]):not(.admin-layout){background:radial-gradient(ellipse at 50% 0%,#1b3026,#10171b 42rem)!important;color:#eef7ed!important}
body:not([data-store="v5"]):not(.admin-layout) .card,body:not([data-store="v5"]):not(.admin-layout) form{background:#141f22;border:1px solid var(--fs-line);border-radius:12px;color:#fff}
@media(max-width:900px){.admin-header{width:205px!important;padding:16px 10px!important}.main-wrap{margin-left:205px!important;width:calc(100% - 205px)!important;padding:0 18px 28px!important}.topbar{margin:0 -18px 18px!important;padding:17px 18px!important}.admin-nav a{font-size:12px!important;padding:9px 8px!important}body[data-store="v5"] .store-nav{background:#0d1518!important;color:#fff!important}}
@media(max-width:640px){.admin-header{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:12px!important;border-right:0!important;border-bottom:1px solid var(--fs-line)!important}.admin-brand{padding:4px 4px 12px!important}.admin-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important}.admin-nav a{font-size:11px!important;padding:8px!important}.admin-logout{margin-top:4px!important}.main-wrap{margin-left:0!important;width:100%!important;padding:0 12px 24px!important}.topbar{position:relative!important;margin:0 -12px 15px!important;padding:14px 15px!important}.admin-layout .hero{padding:18px!important}.admin-layout .dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.admin-layout .card,.admin-layout .stat-card{padding:13px!important}.admin-layout .stat{font-size:24px!important}.admin-layout table{display:block;overflow-x:auto;white-space:nowrap}body[data-store="v5"] .utility-bar{display:none!important}body[data-store="v5"] .fashion-hero{margin:12px 10px!important;min-height:460px!important}body[data-store="v5"] .hero-content{padding:24px!important}body[data-store="v5"] .trust-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}body[data-store="v5"] .category-tiles{grid-template-columns:repeat(2,minmax(0,1fr))!important}body[data-store="v5"] .editorial-section{display:flex;flex-direction:column}body[data-store="v5"] .editorial-photo{min-height:230px}body[data-store="v5"] .product-tools{gap:10px}body[data-store="v5"] .sale-banner{padding:20px!important;gap:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
