/* ZX — premium dark storefront. Custom styles remain safe through theme updates. */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');

:root { --zx-red:#FF1744; --zx-red-bright:#ff4568; --zx-ink:#07070a; --zx-panel:#101014; --zx-line:rgba(255,255,255,.10); --bs-font-sans-serif:'Manrope',sans-serif; }
html { background:var(--zx-ink); }
body { background:radial-gradient(800px 420px at 85% 0%,rgba(255,23,68,.09),transparent 62%),var(--zx-ink); color:#f7f7fa; letter-spacing:-.015em; }
body::before { content:''; position:fixed; inset:0; pointer-events:none; opacity:.28; 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:46px 46px; mask-image:linear-gradient(to bottom,#000,transparent 52%); }
.zx-ambient-background { position:fixed; z-index:0; inset:0; overflow:hidden; pointer-events:none; background:radial-gradient(80% 55% at 50% 100%,rgba(12,8,20,.15),#07070a 82%); }.zx-ambient-background::before { content:''; position:absolute; inset:-15%; opacity:.54; background:repeating-linear-gradient(114deg,transparent 0 75px,rgba(255,255,255,.018) 76px 77px,transparent 78px 151px); transform:rotate(-8deg); animation:zx-background-drift 28s linear infinite; }.zx-ambient-background::after { content:''; position:absolute; inset:0; opacity:.42; background-image:radial-gradient(circle,rgba(255,255,255,.24) 0 1px,transparent 1.2px); background-size:112px 112px; mask-image:radial-gradient(ellipse at center,black,transparent 73%); animation:zx-star-pulse 7s ease-in-out infinite; }.zx-ambient-background span { position:absolute; display:block; border-radius:50%; filter:blur(14px); mix-blend-mode:screen; }.zx-ambient-background span:nth-child(1) { width:440px; height:440px; top:8%; left:-13%; background:radial-gradient(circle,rgba(255,23,68,.17),transparent 68%); animation:zx-ambient-one 18s ease-in-out infinite; }.zx-ambient-background span:nth-child(2) { width:530px; height:530px; top:35%; right:-17%; background:radial-gradient(circle,rgba(151,65,255,.19),transparent 68%); animation:zx-ambient-two 23s ease-in-out infinite; }.zx-ambient-background span:nth-child(3) { width:330px; height:330px; bottom:-13%; left:29%; background:radial-gradient(circle,rgba(255,23,68,.12),transparent 69%); animation:zx-ambient-three 16s ease-in-out infinite; }.flex-wrapper { position:relative; z-index:1; }@keyframes zx-ambient-one { 0%,100% { transform:translate3d(0,0,0) scale(1); } 50% { transform:translate3d(180px,105px,0) scale(1.16); } }@keyframes zx-ambient-two { 0%,100% { transform:translate3d(0,0,0) scale(1); } 50% { transform:translate3d(-155px,-125px,0) scale(1.12); } }@keyframes zx-ambient-three { 0%,100% { transform:translate3d(0,0,0) scale(.9); opacity:.55; } 50% { transform:translate3d(40px,-150px,0) scale(1.2); opacity:1; } }@keyframes zx-background-drift { to { transform:translate3d(-85px,45px,0) rotate(-8deg); } }@keyframes zx-star-pulse { 0%,100% { opacity:.22; } 50% { opacity:.48; } }
.zx-ambient-background::before { opacity:.7; background:linear-gradient(125deg,transparent 48%,rgba(255,23,68,.024) 49%,transparent 50%),repeating-linear-gradient(114deg,transparent 0 75px,rgba(255,255,255,.018) 76px 77px,transparent 78px 151px); animation:zx-background-drift 22s linear infinite; }.zx-ambient-background span:nth-child(1) { width:520px; height:520px; background:radial-gradient(circle,rgba(255,23,68,.22) 0%,rgba(255,23,68,.08) 27%,transparent 67%); }.zx-ambient-background span:nth-child(2) { width:610px; height:610px; background:radial-gradient(circle,rgba(151,65,255,.24) 0%,rgba(151,65,255,.07) 32%,transparent 68%); }.zx-ambient-background span:nth-child(3) { background:radial-gradient(circle,rgba(255,23,68,.19),transparent 70%); }
.zx-purchase-notification { position:fixed; z-index:1095; bottom:23px; left:23px; width:min(354px,calc(100vw - 32px)); display:flex; align-items:center; gap:11px; padding:12px 38px 12px 12px; border:1px solid rgba(255,255,255,.13); border-radius:21px; background:linear-gradient(135deg,rgba(28,29,38,.97),rgba(15,15,20,.98)); box-shadow:0 18px 38px rgba(0,0,0,.44),0 0 22px rgba(255,23,68,.1); color:#f4f4fa; opacity:0; transform:translateX(-120%) scale(.94); pointer-events:none; transition:opacity .42s ease,transform .55s cubic-bezier(.16,1,.3,1); }.zx-purchase-notification.is-visible { opacity:1; transform:translateX(0) scale(1); pointer-events:auto; }.zx-purchase-notification img { width:47px; height:47px; flex:0 0 47px; border:1px solid rgba(255,23,68,.48); border-radius:15px; object-fit:cover; background:#050507; box-shadow:0 0 15px rgba(255,23,68,.2); }.zx-purchase-copy { min-width:0; }.zx-purchase-copy p,.zx-purchase-copy h3,.zx-purchase-copy small { margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.zx-purchase-copy p { color:#f7f7fb; font-size:.72rem; font-weight:800; }.zx-purchase-copy p span { color:#a9a9b9; font-weight:600; }.zx-purchase-copy h3 { margin-top:2px; color:#c8c8d3; font-size:.74rem; font-weight:600; }.zx-purchase-copy h3 b { color:#fff; font-weight:900; }.zx-purchase-copy small { display:block; margin-top:5px; color:#35dc7c; font-size:.64rem; font-weight:800; }.zx-purchase-copy small i { margin-right:4px; filter:drop-shadow(0 0 4px rgba(53,220,124,.7)); }.zx-purchase-close { position:absolute; top:11px; right:11px; width:22px; height:22px; display:grid; place-items:center; border:0; border-radius:7px; background:transparent; color:#9393a0; cursor:pointer; font-size:.7rem; transition:background .2s ease,color .2s ease; }.zx-purchase-close:hover { background:rgba(255,23,68,.16); color:#ff6b83; }@media (max-width:575px) { .zx-purchase-notification { bottom:14px; left:14px; }.zx-purchase-copy h3 { font-size:.68rem; } }
.navbar { background:rgba(7,7,10,.84); border-bottom:1px solid var(--zx-line); backdrop-filter:blur(16px); }
.sticky-top { transition:padding .32s ease; }.sticky-top.zx-nav-scrolled { padding:5px clamp(12px,3vw,42px) 0; pointer-events:none; }.sticky-top.zx-nav-scrolled .navbar { pointer-events:auto; max-width:1260px; margin:auto; border:1px solid rgba(255,255,255,.13); border-radius:18px; background:rgba(10,10,14,.87); box-shadow:0 14px 44px rgba(0,0,0,.34),0 0 26px rgba(255,23,68,.08); animation:zx-navbar-float .32s cubic-bezier(.2,.8,.2,1) both; }
.navbar .container { min-height:70px; }
.navbar-brand { font-family:'Space Grotesk',sans-serif; letter-spacing:-.06em; font-size:1.32rem; color:#fff!important; }
.navbar-brand img { max-height:34px; border-radius:9px; margin-right:8px; }
.navbar .nav-link { color:#a4a4b3!important; font-size:.88rem; font-weight:700; padding:.6rem .75rem!important; transition:color .2s ease; }
.navbar .nav-link:hover,.navbar .nav-link:focus { color:#fff!important; }
.btn { border-radius:11px; font-weight:800; letter-spacing:-.02em; transition:transform .2s ease,box-shadow .2s ease,background .2s ease; }
.btn:hover { transform:translateY(-2px); }
.btn-primary { --bs-btn-bg:var(--zx-red); --bs-btn-border-color:var(--zx-red); --bs-btn-hover-bg:var(--zx-red-bright); --bs-btn-hover-border-color:var(--zx-red-bright); box-shadow:0 10px 28px rgba(255,23,68,.26); }
.btn-outline-primary { --bs-btn-color:#fff; --bs-btn-border-color:rgba(255,23,68,.72); --bs-btn-hover-bg:var(--zx-red); --bs-btn-hover-border-color:var(--zx-red); }
.navbar .navbar-nav { align-items:center; }.navbar .nav-item { display:flex; align-items:center; }.navbar .nav-link { position:relative; }.navbar .nav-link::after { content:''; position:absolute; left:.75rem; right:.75rem; bottom:.3rem; height:2px; transform:scaleX(0); transform-origin:right; border-radius:3px; background:var(--zx-red); box-shadow:0 0 11px var(--zx-red); transition:transform .25s ease; }.navbar .nav-link:hover::after { transform:scaleX(1); transform-origin:left; }
.zx-signin-button,.zx-account-button,.zx-cart-button { position:relative; overflow:hidden; isolation:isolate; min-height:42px; display:inline-flex; align-items:center; justify-content:center; gap:8px; color:#fff!important; border-radius:12px; font-size:.84rem; font-weight:800; transition:transform .23s cubic-bezier(.2,.8,.2,1),box-shadow .23s ease,border-color .23s ease,background .23s ease!important; }.zx-signin-button::before,.zx-account-button::before,.zx-cart-button::before { content:''; position:absolute; z-index:-1; inset:0; background:linear-gradient(108deg,transparent 24%,rgba(255,255,255,.28) 48%,transparent 72%); transform:translateX(-135%); transition:transform .55s ease; }.zx-signin-button:hover::before,.zx-account-button:hover::before,.zx-cart-button:hover::before { transform:translateX(135%); }
.zx-nav-search,.zx-nav-discord { min-height:42px; display:inline-flex; align-items:center; justify-content:center; gap:8px; border-radius:12px; color:#fff!important; font-size:.8rem; font-weight:800; }.zx-nav-search { width:42px; padding:0!important; border:1px solid rgba(255,255,255,.16)!important; background:rgba(255,255,255,.055)!important; }.zx-nav-search i { color:#fff; transition:color .2s ease,filter .2s ease,transform .2s ease; }.zx-nav-search:hover { border-color:var(--zx-red)!important; background:rgba(255,23,68,.15)!important; box-shadow:0 0 20px rgba(255,23,68,.42); transform:translateY(-2px); }.zx-nav-search:hover i { color:var(--zx-red); filter:drop-shadow(0 0 7px rgba(255,23,68,.95)); transform:scale(1.12); }.zx-nav-discord { padding:0 14px!important; border:1px solid rgba(120,127,255,.64)!important; background:linear-gradient(135deg,#5865f2,#7b48ee)!important; box-shadow:0 8px 20px rgba(88,101,242,.22); }.zx-nav-discord:hover { transform:translateY(-2px); color:#fff!important; box-shadow:0 0 18px rgba(108,104,255,.8),0 0 34px rgba(123,72,238,.36); }
.zx-signin-button { padding:0 17px!important; border:1px solid var(--zx-red)!important; background:linear-gradient(135deg,#ff1744,#d90d37)!important; box-shadow:0 9px 22px rgba(255,23,68,.30),inset 0 1px rgba(255,255,255,.22); }.zx-signin-button:hover { transform:translateY(-3px) scale(1.025); background:linear-gradient(135deg,#ff4264,#ff1744)!important; box-shadow:0 0 13px rgba(255,23,68,.96),0 0 33px rgba(255,23,68,.48); }.zx-signin-button i { font-size:.82rem; transition:transform .23s ease; }.zx-signin-button:hover i { transform:translateX(3px); }
.zx-account-button { padding:0 15px!important; border:1px solid rgba(255,23,68,.58)!important; background:rgba(255,23,68,.09)!important; }.zx-account-button:hover { transform:translateY(-3px); border-color:var(--zx-red)!important; background:rgba(255,23,68,.18)!important; box-shadow:0 0 22px rgba(255,23,68,.35); }.zx-cart-button { width:43px; padding:0!important; border:1px solid rgba(255,255,255,.15)!important; background:rgba(255,255,255,.055)!important; }.zx-cart-button:hover { transform:translateY(-3px) rotate(-4deg); border-color:var(--zx-red)!important; background:rgba(255,23,68,.14)!important; box-shadow:0 0 21px rgba(255,23,68,.34); }.zx-cart-button .icon { width:19px; height:19px; }.zx-cart-button .count { position:absolute; top:-5px; right:-5px; min-width:17px; height:17px; display:grid; place-items:center; padding:0 4px; border:2px solid #08080b; border-radius:50%; background:var(--zx-red); color:#fff; font-size:.58rem; font-weight:800; box-shadow:0 0 12px rgba(255,23,68,.8); }
.hero { isolation:isolate; min-height:650px!important; display:flex; align-items:center; position:relative; overflow:hidden; border-bottom:1px solid var(--zx-line); background-position:center!important; background-size:cover!important; }
.hero::before { content:''; position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,rgba(7,7,10,.95) 0%,rgba(7,7,10,.64) 48%,rgba(7,7,10,.78) 100%); }
.hero .bg-overlay { z-index:-1!important; background:linear-gradient(0deg,var(--zx-ink) 0%,transparent 32%,rgba(7,7,10,.2) 100%)!important; }
.hero .container { position:relative; z-index:1; }
.hero .content { max-width:800px; margin:auto; text-align:center; animation:zx-rise .7s cubic-bezier(.2,.75,.25,1) both; }
.zx-trust { display:inline-flex; align-items:center; gap:8px; padding:8px 12px; margin-bottom:18px; border:1px solid rgba(255,255,255,.13); border-radius:999px; background:rgba(16,16,20,.7); color:#d3d3dc; font-size:.68rem; font-weight:800; letter-spacing:.11em; }
.zx-trust span { width:7px; height:7px; border-radius:50%; background:#28df83; box-shadow:0 0 12px #28df83; }
.hero h1 { font-family:'Space Grotesk',sans-serif; max-width:780px; margin:0 auto 18px; font-weight:700; line-height:.96; letter-spacing:-.075em; font-size:clamp(3rem,7.1vw,6.3rem)!important; text-shadow:0 8px 40px rgba(0,0,0,.45); }
.hero h1 strong,.hero h1 em,.hero h1 span { color:var(--zx-red); font-style:normal; }
.hero .zx-why-title { display:flex; flex-direction:column; align-items:center; gap:10px; max-width:940px; font-size:clamp(2.75rem,6.5vw,5.8rem)!important; line-height:.98; letter-spacing:-.07em; }.hero .zx-why-title .zx-why-question { color:#f8f8fb; }.hero .zx-why-title .zx-why-question em { color:var(--zx-red); text-shadow:0 0 22px rgba(255,23,68,.46); }.hero .zx-why-title .zx-why-answer { color:#bcbcc8; font-size:clamp(1.15rem,2.4vw,2.08rem); font-weight:600; letter-spacing:-.045em; }.hero .zx-why-title .zx-why-answer strong { display:inline; color:var(--zx-red); font-weight:800; text-decoration:underline; text-decoration-color:var(--zx-red); text-decoration-thickness:.09em; text-underline-offset:.14em; text-shadow:0 0 18px rgba(255,23,68,.72); }.hero .zx-type-cursor { display:inline; margin-left:2px; color:var(--zx-red)!important; font-weight:500; animation:zx-type-blink .72s step-end infinite; }@keyframes zx-type-blink { 50% { opacity:0; } }
.hero p { max-width:650px; margin:0 auto 28px; color:#b6b6c3; font-size:clamp(.98rem,1.8vw,1.16rem); line-height:1.7; }
.hero .fake-searchbar { max-width:650px; margin:0 auto 25px; padding:7px 8px; display:flex; align-items:center; gap:0; cursor:text; border:1px solid rgba(255,23,68,.58); border-radius:16px; background:linear-gradient(100deg,rgba(12,10,18,.95),rgba(20,10,22,.87)); box-shadow:0 20px 44px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.04),0 0 24px rgba(255,23,68,.10); transition:border-color .25s ease,box-shadow .25s ease; }
.hero .fake-searchbar:hover,.hero .fake-searchbar:focus { outline:0; border-color:var(--zx-red); box-shadow:0 20px 44px rgba(0,0,0,.28),0 0 28px rgba(255,23,68,.24); }
.hero .fake-searchbar svg,.hero .search-modal .searchbar svg { width:20px; height:20px; left:18px!important; z-index:1; fill:var(--zx-red)!important; filter:drop-shadow(0 0 6px rgba(255,23,68,.82)); }
.hero .fake-searchbar input { height:45px; min-width:0; flex:1; width:auto; padding:0 12px 0 40px!important; background:transparent!important; color:#fff!important; font-weight:600; }
.hero .fake-searchbar,.hero .fake-searchbar:hover,.hero .fake-searchbar:focus { transform:none!important; }.hero .zx-search-button { flex:0 0 auto; height:45px; display:inline-flex; align-items:center; gap:10px; padding:0 18px; border:0; border-radius:11px; background:linear-gradient(135deg,#8a3ffc,#ff1744); color:#fff; font-size:.82rem; font-weight:800; box-shadow:0 8px 22px rgba(137,58,255,.28); cursor:pointer; transition:box-shadow .2s ease,filter .2s ease; }.hero .zx-search-button:hover { transform:none; filter:brightness(1.1); box-shadow:0 0 15px rgba(138,63,252,.65),0 0 25px rgba(255,23,68,.3); }
.zx-hero-actions { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:12px; margin:0 auto; }
.zx-hero-actions .btn { min-height:48px; display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:0 20px; color:#fff; border:1px solid transparent; }
.zx-browse-button { background:var(--zx-red); box-shadow:0 11px 28px rgba(255,23,68,.28); }
.zx-browse-button:hover { color:#fff; background:var(--zx-red-bright); box-shadow:0 0 13px rgba(255,23,68,.85),0 0 38px rgba(255,23,68,.38); }
.zx-discord-button { background:rgba(88,101,242,.13); border-color:rgba(88,101,242,.56)!important; box-shadow:0 10px 26px rgba(88,101,242,.13); }
.zx-discord-button:hover { color:#fff; background:#5865f2; border-color:#7a84ff!important; box-shadow:0 0 13px rgba(88,101,242,.92),0 0 38px rgba(88,101,242,.45); }
.hero .content>a.btn { padding:13px 23px; }
.zx-promises { display:flex; justify-content:center; flex-wrap:wrap; gap:10px; margin:31px auto 0; }
.zx-promises div { display:flex; align-items:center; gap:8px; padding:10px 16px; border:1px solid var(--zx-line); border-radius:12px; color:#d9d9e1; background:rgba(12,12,17,.62); font-size:.78rem; font-weight:700; }
.zx-promises i { color:var(--zx-red); }
.hero .stats-wrapper { margin-top:28px; }.hero .stats { justify-content:center; gap:0; }.hero .stats>div { padding:0 20px; border-color:var(--zx-line)!important; }.hero .stats .value { color:#fff; font-family:'Space Grotesk'; }.hero .stats .label { color:#9797a5; }
.zx-orb { position:absolute; z-index:-1; border-radius:50%; filter:blur(2px); pointer-events:none; animation:zx-float 10s ease-in-out infinite; }.zx-orb-one { width:330px;height:330px;top:9%;left:8%;background:radial-gradient(circle,rgba(255,23,68,.19),transparent 67%); }.zx-orb-two { width:430px;height:430px;bottom:-30%;right:7%;background:radial-gradient(circle,rgba(255,23,68,.16),transparent 65%); animation-delay:-5s; }
.component.py-20 { padding-top:90px!important; padding-bottom:90px!important; }.section-title h2 { font-family:'Space Grotesk',sans-serif; color:#fff; font-weight:700; letter-spacing:-.06em; font-size:clamp(2rem,4vw,3.2rem); }.section-title h2::after { content:''; display:block; width:46px; height:4px; margin:16px auto 0; border-radius:9px; background:var(--zx-red); box-shadow:0 0 18px rgba(255,23,68,.65); }.section-subtitle p { color:#9797a5; }
.products .card,.categories .card { height:100%; border:1px solid var(--zx-line); border-radius:18px; overflow:hidden; background:linear-gradient(145deg,rgba(24,24,31,.94),rgba(12,12,16,.96)); color:#fff; box-shadow:0 12px 30px rgba(0,0,0,.15); transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease; }.products .card:hover,.categories .card:hover { transform:translateY(-7px); border-color:rgba(255,23,68,.63); box-shadow:0 24px 46px rgba(0,0,0,.35),0 0 26px rgba(255,23,68,.11); }.products .card-img-top { overflow:hidden; background:#09090d; }.products .card-img-top img { transition:transform .45s ease; }.products .card:hover .card-img-top img { transform:scale(1.06); }.products .card .overlay { background:linear-gradient(0deg,rgba(7,7,10,.87),transparent)!important; }.products .card .card-body { padding:19px; }.products .card .card-title { color:#f8f8fb; font-family:'Space Grotesk',sans-serif; font-size:1.08rem; font-weight:700; }.products .card .price { color:var(--zx-red)!important; font-size:1.15rem; font-weight:800; }.products .card .text-primary { color:#9494a3!important; font-size:.77rem; font-weight:700; }.products .badges>div { border-radius:8px!important; font-size:.68rem!important; font-weight:800; }
.zx-category-wrap { opacity:0; transform:translateY(24px) scale(.98); transition:opacity .55s ease,transform .55s cubic-bezier(.2,.8,.2,1); }.zx-category-wrap.zx-visible { opacity:1; transform:translateY(0) scale(1); }.zx-category-wrap:nth-child(2) { transition-delay:.08s; }.zx-category-wrap:nth-child(3) { transition-delay:.16s; }.zx-category-wrap:nth-child(4) { transition-delay:.24s; }.zx-category-wrap:nth-child(5) { transition-delay:.32s; }.zx-category-wrap:nth-child(6) { transition-delay:.40s; }.zx-category-wrap:nth-child(7) { transition-delay:.48s; }.zx-category-wrap:nth-child(8) { transition-delay:.56s; }.zx-category-card { display:block; height:100%; position:relative; }.zx-category-card::after { content:''; position:absolute; inset:0; border-radius:18px; pointer-events:none; opacity:0; box-shadow:inset 0 0 0 1px rgba(255,23,68,.6),0 0 30px rgba(255,23,68,.20); transition:opacity .25s ease; }.zx-category-card:hover::after { opacity:1; }.zx-category-card:hover .card-img-top img { transform:scale(1.08); }.zx-category-card .card-img-top img { transition:transform .45s ease; }
.features .feature { height:100%; padding:26px; border:1px solid var(--zx-line); border-radius:16px; background:rgba(18,18,23,.76); }.features .feature i { color:var(--zx-red); }.features .feature .title { color:#fff; font-weight:800; }.features .feature .description { color:#9b9baa; }
.modal-content,.search-modal .modal-content { background:#111116; border:1px solid var(--zx-line); color:#fff; }.form-control,.form-select { background:#0b0b10; border-color:var(--zx-line); color:#fff; }.footer { border-top:1px solid var(--zx-line); background:#08080b; }
.zx-cart-drawer { width:min(410px,100vw)!important; border-left:1px solid rgba(255,255,255,.12)!important; background:linear-gradient(160deg,#141218,#0a0a0e 72%)!important; color:#fff!important; }.zx-cart-drawer .offcanvas-header { position:relative; padding:25px 68px 18px 24px; border-bottom:1px solid var(--zx-line); }.zx-drawer-kicker { margin:0 0 5px; color:var(--zx-red); font-size:.65rem; letter-spacing:.14em; font-weight:800; }.zx-cart-drawer .offcanvas-title { font-family:'Space Grotesk',sans-serif; font-weight:700; letter-spacing:-.04em; font-size:1.55rem; }.zx-drawer-close { position:absolute; top:18px; right:18px; width:36px; height:36px; display:grid; place-items:center; border:1px solid var(--zx-line); border-radius:11px; background:#19191f; color:#fff; transition:all .2s ease; }.zx-drawer-close svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:2.25; stroke-linecap:round; }.zx-drawer-close:hover { background:var(--zx-red); box-shadow:0 0 18px rgba(255,23,68,.5); }.zx-cart-drawer .offcanvas-body { padding:19px 24px; }.zx-drawer-loading,.zx-drawer-empty { min-height:220px; display:grid; place-items:center; align-content:center; gap:14px; color:#aaaab7; text-align:center; }.zx-drawer-empty i { color:var(--zx-red); font-size:2rem; }.zx-drawer-shop { background:rgba(255,23,68,.13); border:1px solid rgba(255,23,68,.5); color:#fff; }.zx-drawer-items { display:flex; flex-direction:column; gap:13px; }.zx-drawer-item { display:flex; gap:12px; padding:10px; border:1px solid var(--zx-line); border-radius:14px; background:rgba(255,255,255,.035); }.zx-drawer-item img { width:62px; height:62px; object-fit:cover; border-radius:10px; background:#09090d; }.zx-drawer-item-info { min-width:0; flex:1; }.zx-drawer-item-top { display:flex; justify-content:space-between; gap:8px; color:#f5f5fa; font-size:.83rem; font-weight:800; }.zx-drawer-item-top>span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.zx-drawer-item-top button { border:0; background:transparent; color:#8f8f9c; }.zx-drawer-item-top button:hover { color:var(--zx-red); }.zx-drawer-item-info small { display:block; margin-top:3px; overflow:hidden; color:#9696a5; text-overflow:ellipsis; white-space:nowrap; }.zx-drawer-item-bottom { display:flex; justify-content:space-between; align-items:end; margin-top:8px; }.zx-drawer-price { color:var(--zx-red); font-size:.84rem; font-weight:800; }.zx-drawer-quantity { color:#aaaab6; font-size:.76rem; }.zx-drawer-footer { padding:17px 24px 24px; border-top:1px solid var(--zx-line); }.zx-drawer-subtotal { display:flex; justify-content:space-between; margin-bottom:14px; color:#a8a8b4; }.zx-drawer-subtotal strong { color:#fff; font-family:'Space Grotesk'; font-size:1.05rem; }.zx-drawer-checkout { width:100%; min-height:48px; display:flex; align-items:center; justify-content:center; gap:10px; color:#fff!important; background:var(--zx-red); box-shadow:0 10px 24px rgba(255,23,68,.28); }.zx-drawer-checkout:hover { background:var(--zx-red-bright); box-shadow:0 0 18px rgba(255,23,68,.86),0 0 35px rgba(255,23,68,.35); }
.zx-product-marquee { flex-wrap:nowrap!important; overflow:hidden; margin-left:-12px!important; margin-right:-12px!important; padding:10px 12px 30px; scrollbar-width:none; }.zx-product-marquee::-webkit-scrollbar { display:none; }.zx-product-marquee>div { flex:0 0 min(355px,82vw); width:min(355px,82vw); max-width:min(355px,82vw); margin-bottom:0!important; padding:0 10px; }.zx-product-marquee .card-img-top { aspect-ratio:16/10!important; }.zx-product-marquee .card-img-top .overlay { bottom:0!important; opacity:1!important; padding:12px!important; background:linear-gradient(0deg,rgba(7,7,10,.95),rgba(7,7,10,.14))!important; }.zx-product-marquee .card-img-top .overlay .btn { border:1px solid rgba(255,23,68,.72)!important; background:rgba(255,23,68,.88)!important; box-shadow:0 0 20px rgba(255,23,68,.36); }.zx-product-marquee .card-body { padding:22px!important; }.zx-product-marquee .card-title { font-size:1.22rem!important; }
.zx-product-marquee .card-img-top .overlay { padding:8px!important; }.zx-product-marquee .card-img-top .overlay .btn { width:auto!important; min-height:32px!important; padding:0 11px!important; border-radius:8px!important; font-size:.67rem!important; }
.products .card-body { display:flex; flex-direction:column; }.zx-product-instant { order:1; display:flex; align-items:center; gap:6px; margin-bottom:8px; color:#ff6b85; font-size:.64rem; font-weight:800; letter-spacing:.105em; }.zx-product-instant i { color:var(--zx-red); filter:drop-shadow(0 0 5px var(--zx-red)); }.products .card .card-title { order:2; margin:0 0 9px; }.products .card .info { order:3; }.zx-product-actions { order:4; display:flex; gap:8px; margin-top:15px; }.zx-product-buy,.zx-product-add { min-height:39px; display:inline-flex; align-items:center; justify-content:center; gap:7px; border-radius:10px; font-size:.76rem; font-weight:800; }.zx-product-buy { flex:1; border:1px solid rgba(255,23,68,.55); background:linear-gradient(135deg,#ff1744,#d90d37); color:#fff; box-shadow:0 8px 18px rgba(255,23,68,.2); }.zx-product-add { width:42px; flex:0 0 42px; padding:0; border:1px solid rgba(255,23,68,.5); background:rgba(255,23,68,.10); color:#fff; cursor:pointer; transition:all .2s ease; }.zx-product-add:hover { background:var(--zx-red); border-color:var(--zx-red); transform:translateY(-2px); box-shadow:0 0 18px rgba(255,23,68,.52); }
.zx-verified-badge { position:absolute; z-index:3; top:12px; right:12px; display:flex; align-items:center; gap:5px; padding:6px 8px; border:1px solid rgba(84,235,161,.52); border-radius:8px; background:rgba(7,22,15,.86); color:#c7fbe0; box-shadow:0 0 16px rgba(44,220,128,.2),inset 0 1px rgba(255,255,255,.12); font-size:.58rem; font-weight:900; letter-spacing:.08em; backdrop-filter:blur(8px); }.zx-verified-badge i { color:#39e78e; font-size:.78rem; filter:drop-shadow(0 0 5px rgba(57,231,142,.8)); }
.zx-price-from { display:block; margin-bottom:2px; color:#90909f; font-size:.58rem; font-weight:800; letter-spacing:.11em; }.zx-product-marquee>div { padding:0 12px!important; }.zx-product-marquee .card { border:1px solid rgba(255,255,255,.14)!important; border-radius:21px!important; background:linear-gradient(155deg,#171820,#101015)!important; box-shadow:0 18px 38px rgba(0,0,0,.3)!important; }.zx-product-marquee .card:hover { border-color:rgba(158,67,255,.64)!important; box-shadow:0 22px 44px rgba(0,0,0,.38),0 0 30px rgba(151,62,255,.14)!important; }.zx-product-marquee .card-img-top { margin:10px 10px 0; width:calc(100% - 20px)!important; border:1px solid rgba(255,255,255,.09); border-radius:15px!important; background:#0a0a0e; }.zx-product-marquee .card-img-top img,.zx-product-marquee .card-img-top .product-img-placeholder { border-radius:15px!important; }.zx-product-marquee .card-img-top .overlay { display:none!important; }.zx-product-marquee .zx-verified-badge { top:11px; right:11px; border-color:rgba(82,234,159,.45); background:rgba(12,44,30,.88); }.zx-product-marquee .card-body { padding:16px 17px 14px!important; }.zx-product-marquee .zx-product-instant { width:max-content; padding:5px 9px; margin:0 0 8px; border:1px solid rgba(140,65,255,.44); border-radius:8px; background:rgba(111,41,213,.13); color:#c293ff; font-size:.61rem; }.zx-product-marquee .zx-product-instant i { color:#b66aff; filter:drop-shadow(0 0 5px #8e42ff); }.zx-product-marquee .card-title { font-size:1rem!important; letter-spacing:-.035em; }.zx-product-marquee .card .info { min-height:53px; }.zx-product-marquee .card .price { margin:0!important; color:#fff!important; font-family:'Space Grotesk',sans-serif; font-size:1.46rem!important; line-height:1.05; }.zx-product-marquee .card .price span:not(.zx-price-from) { color:#fff!important; }.zx-product-marquee .card .text-primary { display:inline-flex; width:max-content; margin-top:7px; padding:4px 8px; border-radius:999px; background:rgba(52,219,133,.12); color:#55df9b!important; font-size:.58rem!important; }.zx-product-marquee .zx-product-actions { margin-top:12px; }.zx-product-marquee .zx-product-buy { min-height:38px; border:0; background:linear-gradient(100deg,#ff1744,#a64bff)!important; box-shadow:0 8px 19px rgba(193,61,255,.22); }.zx-product-marquee .zx-product-add { height:38px; min-height:38px; border-color:rgba(162,72,255,.52); background:rgba(140,58,255,.10); }.zx-product-marquee .zx-product-add:hover { background:#8c3aff; border-color:#b56cff; box-shadow:0 0 18px rgba(151,63,255,.56); }
.zx-catalog-sidebar { position:sticky; top:104px; border:1px solid var(--zx-line); border-radius:18px!important; background:linear-gradient(155deg,rgba(28,27,34,.94),rgba(12,12,17,.94))!important; box-shadow:0 15px 35px rgba(0,0,0,.22); }.zx-catalog-sidebar .form-label { color:#fff; font-family:'Space Grotesk',sans-serif; font-size:.83rem; letter-spacing:.03em; }.zx-catalog-sidebar .form-label::before { content:''; display:inline-block; width:6px; height:6px; margin-right:8px; border-radius:50%; background:var(--zx-red); box-shadow:0 0 9px var(--zx-red); vertical-align:middle; }.zx-category-filter { position:relative; min-height:38px; display:flex!important; align-items:center; border:1px solid transparent!important; border-radius:10px!important; color:#aaaab8!important; font-weight:700; transition:all .2s ease!important; }.zx-category-filter::before { content:''; width:5px; height:5px; margin-right:9px; border-radius:50%; background:#656570; transition:all .2s ease; }.zx-category-filter:hover { color:#fff!important; background:rgba(255,255,255,.055)!important; transform:translateX(3px); }.zx-category-filter:hover::before { background:var(--zx-red); box-shadow:0 0 8px var(--zx-red); }.zx-category-filter.btn-primary { color:#fff!important; border-color:rgba(255,23,68,.44)!important; background:linear-gradient(100deg,rgba(255,23,68,.24),rgba(255,23,68,.06))!important; box-shadow:inset 3px 0 var(--zx-red),0 0 18px rgba(255,23,68,.11); }.zx-category-filter.btn-primary::before { background:var(--zx-red); box-shadow:0 0 9px var(--zx-red); }.currency-selector { max-width:122px!important; }.currency-selector .choices__inner { height:42px!important; min-width:104px!important; padding:6px 26px 6px 12px!important; border:1px solid rgba(255,23,68,.42)!important; border-radius:12px!important; background:rgba(255,23,68,.08)!important; box-shadow:inset 0 1px rgba(255,255,255,.08); transition:all .22s ease; }.currency-selector .choices__inner:hover,.currency-selector .choices.is-open .choices__inner { border-color:var(--zx-red)!important; background:rgba(255,23,68,.14)!important; box-shadow:0 0 17px rgba(255,23,68,.22); }.currency-selector .choices__inner .symbol { color:#fff!important; font-size:.88rem; font-weight:800; }.currency-selector .choices::after { border-color:#fff transparent transparent!important; right:10px!important; }.currency-selector .choices__list.choices__list--dropdown { overflow:hidden; min-width:160px!important; border:1px solid rgba(255,23,68,.35)!important; border-radius:13px!important; background:#15151b!important; box-shadow:0 16px 35px rgba(0,0,0,.42); }.currency-selector .choices__list--dropdown .choices__item { color:#dadae4!important; font-weight:700; }.currency-selector .choices__list--dropdown .choices__item.is-highlighted { background:rgba(255,23,68,.16)!important; color:#fff!important; }
.zx-cart-drawer { display:flex!important; flex-direction:column; }.zx-cart-drawer .offcanvas-body { flex:1 1 auto; overflow-y:auto; }.zx-cart-drawer .zx-drawer-footer { flex:0 0 auto; }
.zx-cart-toast { position:fixed; z-index:1090; right:22px; bottom:22px; display:flex; align-items:center; gap:9px; padding:13px 17px; border:1px solid rgba(112,243,175,.55); border-radius:12px; background:rgba(11,24,18,.96); color:#f2fff8; box-shadow:0 14px 35px rgba(0,0,0,.36),0 0 22px rgba(51,230,139,.18); font-size:.84rem; font-weight:800; opacity:0; transform:translateY(18px); pointer-events:none; transition:opacity .23s ease,transform .23s ease; }.zx-cart-toast i { color:#42e995; font-size:1rem; }.zx-cart-toast.zx-toast-visible { opacity:1; transform:translateY(0); }
@keyframes zx-rise { from { opacity:0; transform:translateY(24px); } to { opacity:1; transform:translateY(0); } } @keyframes zx-float { 0%,100% { transform:translate3d(0,0,0) scale(1); } 50% { transform:translate3d(18px,-24px,0) scale(1.08); } } @keyframes zx-navbar-float { from { opacity:.3; transform:translateY(-12px) scale(.98); } to { opacity:1; transform:translateY(0) scale(1); } }
@media (max-width:767px) { .navbar .container { min-height:61px; }.navbar .navbar-nav { align-items:stretch; gap:5px!important; padding:14px 0; }.navbar .nav-item { display:block; }.navbar .nav-link { padding:.75rem!important; }.navbar .nav-link::after { left:.75rem; right:auto; width:35px; bottom:.35rem; }.zx-signin-button,.zx-account-button,.zx-cart-button { width:100%; min-height:45px; }.hero { min-height:590px!important; }.hero h1 { letter-spacing:-.065em; }.hero .fake-searchbar::after { padding:0 13px; }.zx-hero-actions .btn { min-width:calc(50% - 6px); padding:0 12px; font-size:.8rem; }.zx-promises { gap:7px; }.zx-promises div { padding:8px 10px; font-size:.68rem; }.hero .stats>div { padding:0 10px; }.component.py-20 { padding-top:62px!important; padding-bottom:62px!important; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; scroll-behavior:auto!important; } }
.zx-product-marquee .card-img-top .overlay { display:flex!important; align-items:flex-end; justify-content:flex-start; bottom:0!important; opacity:1!important; padding:9px!important; background:linear-gradient(0deg,rgba(7,7,10,.8),transparent)!important; }.zx-product-marquee .card-img-top .overlay .btn { width:auto!important; min-height:29px!important; padding:0 9px!important; border:1px solid rgba(255,255,255,.26)!important; border-radius:7px!important; background:rgba(9,9,13,.77)!important; color:#fff!important; box-shadow:none!important; font-size:.6rem!important; }.zx-product-marquee .card-img-top .overlay .btn:hover { background:var(--zx-red)!important; border-color:var(--zx-red)!important; }.zx-product-marquee .zx-product-instant { border-color:rgba(255,23,68,.5)!important; background:rgba(255,23,68,.12)!important; color:#ff8198!important; }.zx-product-marquee .zx-product-instant i { color:var(--zx-red)!important; filter:drop-shadow(0 0 5px var(--zx-red))!important; }.zx-product-marquee .card .info { min-height:58px; }.zx-product-marquee .card .text-primary { display:inline-flex; align-items:center; width:max-content; margin:8px 0 0!important; padding:4px 9px; border:1px solid rgba(52,219,133,.24); border-radius:999px; background:rgba(52,219,133,.12); color:#55df9b!important; font-size:.58rem!important; font-weight:800!important; }
.zx-product-marquee .card:hover { border-color:rgba(255,23,68,.86)!important; box-shadow:0 0 13px rgba(255,23,68,.64),0 0 32px rgba(255,23,68,.2)!important; }
.search-modal .zx-search-result[hidden] { display:none!important; }.search-modal .zx-search-empty { margin:24px 0 4px; color:#f5a2af; font-weight:700; text-align:center; }
.search-modal .modal-header { display:flex; align-items:center; gap:12px; padding:16px; border-bottom:1px solid var(--zx-line); }.search-modal .searchbar { flex:1; min-width:0; }.search-modal .zx-search-close { flex:0 0 40px; width:40px; height:40px; display:grid; place-items:center; border:1px solid rgba(255,23,68,.5); border-radius:11px; background:rgba(255,23,68,.1); color:#ff6a84; cursor:pointer; transition:background .2s ease,box-shadow .2s ease,color .2s ease; }.search-modal .zx-search-close:hover { background:var(--zx-red); color:#fff; box-shadow:0 0 17px rgba(255,23,68,.72); }.search-modal .zx-search-result > .product { position:relative; z-index:2; cursor:pointer; }.search-modal .zx-search-result > .product:hover { color:#fff; }.search-modal .zx-search-result { position:relative; }
.zx-product-marquee .zx-product-add { border-color:rgba(255,23,68,.78)!important; background:rgba(255,23,68,.13)!important; color:#ff4c6d!important; }.zx-product-marquee .zx-product-add:hover { background:var(--zx-red)!important; border-color:#ff748d!important; color:#fff!important; box-shadow:0 0 11px rgba(255,23,68,.95),0 0 28px rgba(255,23,68,.46)!important; }

/* Categories: only the chosen image and product count */
.categories .zx-category-image-card { position:relative; min-height:188px; overflow:hidden; border-radius:18px!important; background:#0b0b0f!important; }.categories .zx-category-image-card .card-img-top { width:100%; height:100%; min-height:188px; margin:0; border:0; border-radius:0!important; object-fit:cover; }.categories .zx-category-image-card::before { content:''; position:absolute; z-index:1; inset:0; background:linear-gradient(180deg,transparent 35%,rgba(5,5,8,.3) 54%,rgba(5,5,8,.94) 100%); pointer-events:none; }.categories .zx-category-image-card .zx-category-no-image { color:rgba(255,255,255,.22); background:radial-gradient(circle at 50% 35%,rgba(255,23,68,.18),transparent 60%),#0b0b0f; }.categories .zx-category-product-count { position:absolute; z-index:2; left:13px; bottom:13px; display:flex; flex-direction:column; align-items:flex-start; gap:4px; padding:9px 12px; border:1px solid rgba(255,23,68,.54); border-radius:12px; background:rgba(10,9,13,.8); color:#fff; box-shadow:0 8px 20px rgba(0,0,0,.3),0 0 18px rgba(255,23,68,.16); backdrop-filter:blur(8px); }.categories .zx-category-product-count strong { color:#fff; font-family:'Space Grotesk',sans-serif; font-size:.95rem; font-weight:700; letter-spacing:-.025em; }.categories .zx-category-product-count span { display:flex; align-items:center; gap:6px; color:#ffb0be; font-size:.64rem; font-weight:900; letter-spacing:.055em; text-transform:uppercase; }.categories .zx-category-product-count i { color:var(--zx-red); filter:drop-shadow(0 0 5px rgba(255,23,68,.9)); }.categories .zx-category-card:hover .zx-category-product-count { border-color:var(--zx-red); background:rgba(255,23,68,.18); box-shadow:0 0 17px rgba(255,23,68,.44); }.categories .zx-category-card:hover .zx-category-image-card { border-color:rgba(255,23,68,.8)!important; }.categories .zx-category-card:hover .zx-category-image-card .card-img-top { transform:scale(1.07); }

/* Refined category hover */
.categories .zx-category-card { transform:translateZ(0); transition:transform .42s cubic-bezier(.16,1,.3,1); }.categories .zx-category-image-card { transition:border-color .42s ease,box-shadow .42s ease; }.categories .zx-category-image-card::after { content:''; position:absolute; z-index:1; inset:-30% -55%; pointer-events:none; opacity:0; background:linear-gradient(112deg,transparent 42%,rgba(255,255,255,.2) 50%,transparent 58%); transform:translateX(-54%) rotate(5deg); transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .25s ease; }.categories .zx-category-image-card .card-img-top { transition:transform .62s cubic-bezier(.16,1,.3,1),filter .42s ease!important; }.categories .zx-category-product-count { transition:transform .42s cubic-bezier(.16,1,.3,1),border-color .35s ease,background .35s ease,box-shadow .35s ease; }.categories .zx-category-card:hover { transform:translateY(-8px); }.categories .zx-category-card:hover .zx-category-image-card { border-color:rgba(255,23,68,.9)!important; box-shadow:0 19px 35px rgba(0,0,0,.35),0 0 0 1px rgba(255,23,68,.1),0 0 30px rgba(255,23,68,.2)!important; }.categories .zx-category-card:hover .zx-category-image-card::after { opacity:1; transform:translateX(54%) rotate(5deg); }.categories .zx-category-card:hover .zx-category-image-card .card-img-top { transform:scale(1.055)!important; filter:saturate(1.12) contrast(1.04); }.categories .zx-category-card:hover .zx-category-product-count { transform:translateY(-3px); border-color:#ff5b78; background:rgba(22,8,14,.88); box-shadow:0 12px 24px rgba(0,0,0,.32),0 0 19px rgba(255,23,68,.36); }

.categories .zx-category-card::after,.categories .zx-category-card:hover::after { opacity:0!important; box-shadow:none!important; }

/* Animated checkout path */
.zx-checkout-flow { padding-top:42px!important; padding-bottom:42px!important; }.zx-flow-shell { padding:17px; border:1px solid rgba(255,255,255,.1); border-radius:28px; background:linear-gradient(145deg,rgba(17,18,27,.94),rgba(8,9,13,.98)); box-shadow:0 18px 40px rgba(0,0,0,.22); }.zx-flow-header { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px 16px; border:1px solid rgba(255,255,255,.1); border-radius:20px; background:rgba(5,7,12,.58); }.zx-flow-header p { margin:0 0 5px; color:#c64cff; font-size:.63rem; font-weight:900; letter-spacing:.15em; }.zx-flow-header h2 { margin:0; color:#fff; font-family:'Space Grotesk',sans-serif; font-size:clamp(1.25rem,2.3vw,2rem); font-weight:700; letter-spacing:-.055em; }.zx-flow-next { display:inline-flex; align-items:center; gap:9px; padding:11px 15px; border:1px solid rgba(255,23,68,.58); border-radius:999px; color:#ff7991; font-size:.77rem; font-weight:900; text-decoration:none; white-space:nowrap; transition:all .24s ease; }.zx-flow-next:hover { border-color:var(--zx-red); background:rgba(255,23,68,.12); color:#fff; box-shadow:0 0 18px rgba(255,23,68,.3); }.zx-flow-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-top:20px; }.zx-flow-step { position:relative; min-height:210px; padding:23px; overflow:hidden; border:1px solid rgba(255,255,255,.1); border-radius:22px; background:linear-gradient(145deg,rgba(17,17,26,.86),rgba(10,10,15,.95)); color:#9b9bad; transition:transform .5s cubic-bezier(.16,1,.3,1),border-color .45s ease,background .45s ease,box-shadow .45s ease; }.zx-flow-step::after { content:''; position:absolute; inset:0; opacity:0; background:radial-gradient(circle at 13% 8%,rgba(172,73,255,.22),transparent 42%),linear-gradient(145deg,rgba(255,23,68,.07),transparent 60%); transition:opacity .45s ease; pointer-events:none; }.zx-flow-step.is-active { transform:translateY(-5px); border-color:rgba(255,23,68,.85); background:linear-gradient(145deg,#17132a,#0b101f); box-shadow:0 17px 30px rgba(0,0,0,.3),0 0 28px rgba(255,23,68,.17); }.zx-flow-step.is-active::after { opacity:1; }.zx-flow-number { position:absolute; z-index:2; top:23px; right:23px; padding:5px 9px; border:1px solid rgba(255,255,255,.1); border-radius:999px; color:#9c9cad; background:rgba(5,7,12,.7); font:800 .62rem 'Space Grotesk',sans-serif; letter-spacing:.1em; }.zx-flow-icon { position:relative; z-index:2; width:48px; height:48px; display:grid; place-items:center; margin-bottom:23px; border:1px solid rgba(130,80,255,.32); border-radius:17px; background:rgba(81,40,179,.14); color:#a960ff; font-size:1.1rem; transition:all .4s ease; }.zx-flow-step.is-active .zx-flow-icon { border-color:rgba(255,23,68,.65); background:linear-gradient(135deg,#ff1744,#914dff); color:#fff; box-shadow:0 0 22px rgba(255,23,68,.48); }.zx-flow-step h3,.zx-flow-step p,.zx-flow-step small { position:relative; z-index:2; }.zx-flow-step h3 { margin:0 0 10px; color:#f6f6fb; font-family:'Space Grotesk',sans-serif; font-size:1.3rem; font-weight:700; letter-spacing:-.05em; }.zx-flow-step p { margin:0; min-height:42px; color:#9d9daf; font-size:.82rem; line-height:1.5; }.zx-flow-step small { position:absolute; bottom:22px; left:23px; display:flex; align-items:center; gap:8px; color:#a8a8b8; font-size:.7rem; font-weight:800; }.zx-flow-step small i { color:var(--zx-red); }.zx-flow-footer { display:flex; justify-content:space-between; align-items:center; margin-top:20px; color:#9b9bad; font:.67rem 'Space Grotesk',sans-serif; font-weight:800; letter-spacing:.12em; }.zx-flow-dots { display:flex; gap:8px; }.zx-flow-dots span { width:10px; height:10px; border-radius:999px; background:#202334; transition:width .35s ease,background .35s ease,box-shadow .35s ease; }.zx-flow-dots span.is-active { width:37px; background:linear-gradient(90deg,var(--zx-red),#a855ff); box-shadow:0 0 12px rgba(255,23,68,.5); }
@media (max-width:991px) { .zx-flow-steps { grid-template-columns:repeat(2,minmax(0,1fr)); }.zx-flow-step { min-height:190px; } }@media (max-width:575px) { .zx-flow-shell { padding:10px; border-radius:20px; }.zx-flow-header { align-items:flex-start; padding:15px; }.zx-flow-header h2 { font-size:1.22rem; }.zx-flow-next { padding:10px; font-size:0; }.zx-flow-next i { font-size:.75rem; }.zx-flow-steps { gap:9px; margin-top:10px; }.zx-flow-step { min-height:179px; padding:16px; border-radius:16px; }.zx-flow-number { top:14px; right:14px; }.zx-flow-icon { width:40px; height:40px; margin-bottom:17px; border-radius:13px; }.zx-flow-step h3 { font-size:1.05rem; }.zx-flow-step p { min-height:auto; font-size:.71rem; }.zx-flow-step small { bottom:15px; left:16px; font-size:.6rem; }.zx-flow-footer { margin:12px 4px 3px; } }

/* Customer account: refined dashboard and login experience */
body[class*="zx-template-customer"] .component { padding-top:38px; padding-bottom:58px; }body[class*="zx-template-customer"] .component .card { position:relative; overflow:hidden; border:1px solid rgba(255,255,255,.1); border-radius:18px; background:linear-gradient(145deg,rgba(24,24,32,.93),rgba(11,11,16,.97)); box-shadow:0 14px 30px rgba(0,0,0,.2); transition:transform .32s cubic-bezier(.16,1,.3,1),border-color .3s ease,box-shadow .3s ease; animation:zx-account-card-in .5s cubic-bezier(.16,1,.3,1) both; }body[class*="zx-template-customer"] .component .card::before { content:''; position:absolute; inset:0; opacity:0; pointer-events:none; background:radial-gradient(circle at 10% 0%,rgba(255,23,68,.14),transparent 42%); transition:opacity .3s ease; }body[class*="zx-template-customer"] .component .card:hover { transform:translateY(-5px); border-color:rgba(255,23,68,.56); box-shadow:0 20px 38px rgba(0,0,0,.32),0 0 22px rgba(255,23,68,.12); }body[class*="zx-template-customer"] .component .card:hover::before { opacity:1; }body[class*="zx-template-customer"] .component .card h4,body[class*="zx-template-customer"] .component .card h5 { position:relative; color:#f8f8fc; font-family:'Space Grotesk',sans-serif; font-weight:700; letter-spacing:-.045em; }body[class*="zx-template-customer"] .component .card h4+p { position:relative; color:var(--zx-red); font-family:'Space Grotesk',sans-serif; font-size:1.55rem; font-weight:800; }@keyframes zx-account-card-in { from { opacity:0; transform:translateY(15px); } to { opacity:1; transform:translateY(0); } }
.zx-customer-sidebar { border-color:rgba(255,23,68,.25)!important; background:linear-gradient(155deg,rgba(28,18,27,.95),rgba(11,11,16,.98))!important; }.zx-customer-sidebar h5 { margin-bottom:4px; }.zx-customer-sidebar hr { border-color:rgba(255,255,255,.1); }.zx-customer-sidebar .nav-pills { gap:5px!important; }.zx-customer-sidebar .nav-link { width:100%; display:flex; align-items:center; min-height:40px; padding:0 11px; border:1px solid transparent; border-radius:10px; color:#aaaab7; background:transparent; font-size:.82rem; font-weight:800; text-align:left; transition:transform .2s ease,color .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease; }.zx-customer-sidebar .nav-link:hover { transform:translateX(4px); border-color:rgba(255,255,255,.1); color:#fff; background:rgba(255,255,255,.045); }.zx-customer-sidebar .nav-link.active { border-color:rgba(255,23,68,.56); background:linear-gradient(100deg,rgba(255,23,68,.25),rgba(255,23,68,.06)); color:#fff; box-shadow:inset 3px 0 var(--zx-red),0 0 15px rgba(255,23,68,.12); }.zx-customer-sidebar button.nav-link:last-child { color:#ff8298; }.zx-customer-sidebar button.nav-link:last-child:hover { border-color:rgba(255,23,68,.46); background:rgba(255,23,68,.1); }
#customer-login-modal .modal-content { overflow:hidden; border:1px solid rgba(255,23,68,.42); border-radius:21px; background:linear-gradient(145deg,#1b121a,#0c0c12 72%); box-shadow:0 22px 60px rgba(0,0,0,.55),0 0 32px rgba(255,23,68,.16); }#customer-login-modal .modal-header { padding:21px 23px 16px; border-color:rgba(255,255,255,.09); }#customer-login-modal .modal-title { color:#fff; font-family:'Space Grotesk',sans-serif; font-size:1.4rem; font-weight:700; letter-spacing:-.055em; }#customer-login-modal .modal-body { padding:22px 23px 25px; }#customer-login-modal .form-label { color:#f7f7fb; font-weight:800; }#customer-login-modal .form-text { color:#a5a5b2; }#customer-login-modal .form-control { min-height:47px; border-color:rgba(255,255,255,.12); border-radius:11px; background:#0a0a0f; transition:border-color .2s ease,box-shadow .2s ease; }#customer-login-modal .form-control:focus { border-color:rgba(255,23,68,.8); box-shadow:0 0 0 4px rgba(255,23,68,.12),0 0 17px rgba(255,23,68,.12); }#customer-login-modal .btn-primary { min-height:48px; border-radius:11px; background:linear-gradient(135deg,#ff1744,#c90d38); box-shadow:0 10px 23px rgba(255,23,68,.24); }#customer-login-modal .btn-primary:hover { transform:translateY(-2px); box-shadow:0 0 17px rgba(255,23,68,.68),0 0 32px rgba(255,23,68,.28); }#customer-login-modal .btn-close { filter:invert(1); opacity:.75; }#customer-login-modal .btn-outline-primary { min-height:43px; border-color:rgba(137,94,255,.58); color:#d0b5ff; background:rgba(116,66,255,.08); }#customer-login-modal .btn-outline-primary:hover { border-color:#a96cff; background:#7742d8; color:#fff; box-shadow:0 0 18px rgba(145,83,255,.35); }

/* Premium footer */
.footer.zx-footer { padding:14px 0 28px; border:0; background:transparent; }.zx-footer-shell { position:relative; overflow:hidden; padding:28px 28px 0; border:1px solid rgba(255,255,255,.1); border-radius:28px; background:radial-gradient(520px 230px at 0 0,rgba(143,60,255,.11),transparent 68%),linear-gradient(145deg,rgba(18,19,29,.96),rgba(7,8,12,.98)); box-shadow:0 18px 42px rgba(0,0,0,.24); }.zx-footer-main { row-gap:30px; }.zx-footer .zx-footer-brand { display:flex; align-items:center; gap:10px; margin:0 0 19px; }.zx-footer .zx-footer-brand img { width:44px; max-height:44px!important; margin:0!important; border-radius:12px; object-fit:cover; }.zx-footer .zx-footer-brand p { color:#fff; font-family:'Space Grotesk',sans-serif; font-size:1.2rem; font-weight:700; letter-spacing:-.05em; }.zx-footer-description { max-width:275px; margin:0 0 19px; color:#9d9dad; font-size:.84rem; line-height:1.7; }.zx-footer h5 { margin:3px 0 16px; color:#f3f3fa; font-size:.7rem; font-weight:900; letter-spacing:.13em; }.zx-footer .nav { gap:2px; }.zx-footer .nav-link { display:inline-flex; color:#a6a6b6!important; font-size:.82rem; font-weight:600; transition:color .2s ease,transform .2s ease; }.zx-footer .nav-link:hover { color:#fff!important; transform:translateX(4px); }.zx-footer-signin { border:0; background:transparent; cursor:pointer; }.zx-footer-socials { display:flex; flex-wrap:wrap; gap:8px; }.zx-footer-socials a { display:inline-flex; align-items:center; gap:6px; padding:7px 10px; border:1px solid rgba(255,255,255,.13); border-radius:999px; color:#aaaabd; font-size:.68rem; font-weight:800; text-decoration:none; transition:color .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease; }.zx-footer-socials a:hover { border-color:rgba(255,23,68,.72); background:rgba(255,23,68,.1); color:#fff; box-shadow:0 0 15px rgba(255,23,68,.2); }.zx-footer-socials i { color:var(--zx-red); }.zx-footer-bottom { display:flex; justify-content:space-between; gap:15px; margin-top:28px; padding:18px 0 20px; border-top:1px solid rgba(255,255,255,.09); color:#8f8f9e; font-size:.7rem; font-weight:700; }.zx-footer-bottom i { margin-right:6px; color:#b46aff; }@media (max-width:767px) { .zx-footer-shell { padding:22px 20px 0; border-radius:22px; }.zx-footer-description { max-width:100%; }.zx-footer-bottom { flex-direction:column; gap:7px; } }
.zx-support-cta { position:relative; display:flex; align-items:center; justify-content:space-between; gap:30px; margin:0 0 26px; padding:38px 39px; overflow:hidden; border:1px solid rgba(255,23,68,.55); border-radius:29px; background:radial-gradient(520px 260px at 92% 12%,rgba(143,61,255,.18),transparent 65%),radial-gradient(460px 230px at 0 0,rgba(255,23,68,.11),transparent 72%),linear-gradient(115deg,#111326,#0a0b12 72%); box-shadow:0 20px 46px rgba(0,0,0,.25),0 0 34px rgba(255,23,68,.08); }.zx-support-cta::after { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.045),transparent 61%); }.zx-support-copy,.zx-support-actions { position:relative; z-index:1; }.zx-support-copy { max-width:650px; }.zx-support-copy p { margin:0 0 10px; color:var(--zx-red); font-size:.65rem; font-weight:900; letter-spacing:.16em; text-shadow:0 0 12px rgba(255,23,68,.55); }.zx-support-copy p i { margin-right:6px; }.zx-support-copy h2 { margin:0 0 13px; color:#f8f8fc; font-family:'Space Grotesk',sans-serif; font-size:clamp(2rem,4vw,3.25rem); font-weight:700; letter-spacing:-.075em; line-height:.98; }.zx-support-copy span { display:block; max-width:610px; color:#a6a7b8; font-size:.93rem; line-height:1.65; }.zx-support-actions { display:flex; align-items:center; gap:11px; flex:0 0 auto; }.zx-support-actions a { min-height:49px; display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:0 20px; border-radius:12px; font-size:.82rem; font-weight:900; text-decoration:none; white-space:nowrap; transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease; }.zx-support-discord { border:1px solid #887dff; background:linear-gradient(135deg,#7651ef,#5b55e8); color:#fff; box-shadow:0 10px 24px rgba(106,82,239,.29); }.zx-support-discord:hover { transform:translateY(-3px); color:#fff; box-shadow:0 0 19px rgba(112,89,255,.84),0 0 35px rgba(112,89,255,.33); }.zx-support-browse { border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.035); color:#f4f4fa; }.zx-support-browse:hover { transform:translateY(-3px); border-color:rgba(255,23,68,.68); background:rgba(255,23,68,.1); color:#fff; box-shadow:0 0 18px rgba(255,23,68,.22); }@media (max-width:991px) { .zx-support-cta { align-items:flex-start; flex-direction:column; }.zx-support-actions { width:100%; } }@media (max-width:575px) { .zx-support-cta { gap:22px; padding:28px 22px; border-radius:22px; }.zx-support-copy h2 { font-size:2rem; }.zx-support-copy span { font-size:.82rem; }.zx-support-actions { flex-direction:column; }.zx-support-actions a { width:100%; } }

/* Animated Zerox reselling bumper */
.zx-reselling-banner { padding-top:42px!important; padding-bottom:42px!important; }.zx-reselling-stage { position:relative; display:grid; place-items:center; min-height:360px; overflow:hidden; isolation:isolate; border:1px solid rgba(255,23,68,.33); border-radius:26px; background:radial-gradient(ellipse at 50% 48%,rgba(120,45,214,.21),transparent 37%),radial-gradient(ellipse at 50% 10%,rgba(255,23,68,.13),transparent 48%),linear-gradient(135deg,#0b0810,#12101c 52%,#090a10); box-shadow:inset 0 0 85px rgba(0,0,0,.6),0 19px 38px rgba(0,0,0,.26); text-align:center; }.zx-reselling-stage::before { content:''; position:absolute; z-index:-1; inset:0; opacity:.46; background:repeating-linear-gradient(0deg,rgba(255,255,255,.038) 0 1px,transparent 1px 4px); mix-blend-mode:overlay; animation:zx-resell-scan 4s linear infinite; }.zx-reselling-stage::after { content:''; position:absolute; z-index:-1; width:130%; height:3px; top:-4%; left:-15%; opacity:.8; background:linear-gradient(90deg,transparent,rgba(255,23,68,.72),rgba(180,80,255,.8),transparent); box-shadow:0 0 18px rgba(255,23,68,.7),0 0 50px rgba(144,67,255,.35); transform:rotate(-9deg); animation:zx-resell-sweep 5.5s cubic-bezier(.4,0,.2,1) infinite; }.zx-reselling-glitch { position:absolute; z-index:-1; inset:0; opacity:.34; background:linear-gradient(90deg,transparent 46%,rgba(255,23,68,.25) 50%,transparent 54%); background-size:220px 100%; animation:zx-resell-glitch 3.8s steps(2,end) infinite; }.zx-reselling-count { position:absolute; top:17px; margin:0; font-family:'Space Grotesk',sans-serif; font-size:clamp(2rem,5vw,4.1rem); font-weight:800; letter-spacing:-.12em; line-height:1; }.zx-reselling-count span { color:#d5d5dc; text-shadow:0 0 15px rgba(255,255,255,.2); }.zx-reselling-count b { color:var(--zx-red); text-shadow:0 0 20px rgba(255,23,68,.8); }.zx-reselling-count strong { color:#a860ff; text-shadow:0 0 20px rgba(168,96,255,.8); }.zx-reselling-stage h2 { position:relative; margin:27px 0 0; color:#ececf3; font-family:'Space Grotesk',sans-serif; font-size:clamp(2.2rem,7.2vw,6rem); font-style:italic; font-weight:800; letter-spacing:-.085em; line-height:.78; text-shadow:3px 3px 0 #17141c,0 0 30px rgba(255,255,255,.18); transform:skewX(-9deg); animation:zx-resell-title 4.5s ease-in-out infinite; }.zx-reselling-stage h2::before { content:attr(data-text); position:absolute; inset:0; z-index:-1; color:rgba(255,23,68,.65); transform:translate(4px,3px); clip-path:inset(53% 0 0 0); }.zx-reselling-stage h2 em { color:#fff; font-style:italic; -webkit-text-stroke:1px rgba(255,23,68,.72); text-shadow:3px 3px 0 rgba(255,23,68,.6),0 0 26px rgba(255,23,68,.3); }.zx-reselling-line { position:absolute; width:min(640px,72%); height:2px; bottom:68px; overflow:hidden; background:rgba(255,255,255,.14); }.zx-reselling-line span { display:block; width:35%; height:100%; background:linear-gradient(90deg,transparent,var(--zx-red),#a862ff,transparent); box-shadow:0 0 13px var(--zx-red); animation:zx-resell-line 2.6s ease-in-out infinite; }.zx-reselling-tagline { position:absolute; bottom:28px; margin:0; color:#d8d8e0; font-family:'Space Grotesk',sans-serif; font-size:clamp(.61rem,1.4vw,.9rem); font-weight:800; letter-spacing:.14em; }.zx-reselling-tagline i { margin:0 9px; color:var(--zx-red); text-shadow:0 0 8px var(--zx-red); }@keyframes zx-resell-scan { to { background-position:0 18px; } }@keyframes zx-resell-sweep { 0%,15% { transform:translateY(0) rotate(-9deg); opacity:0; } 24% { opacity:.8; } 55% { opacity:.35; } 70%,100% { transform:translateY(440px) rotate(-9deg); opacity:0; } }@keyframes zx-resell-glitch { 0%,87%,100% { transform:translateX(0); opacity:.15; } 89% { transform:translateX(-17px); opacity:.6; } 92% { transform:translateX(13px); opacity:.32; } }@keyframes zx-resell-title { 0%,100% { transform:skewX(-9deg) scale(1); filter:brightness(1); } 50% { transform:skewX(-9deg) scale(1.025); filter:brightness(1.16); } }@keyframes zx-resell-line { 0%,100% { transform:translateX(-110%); } 50% { transform:translateX(310%); } }@media (max-width:575px) { .zx-reselling-stage { min-height:260px; }.zx-reselling-count { top:21px; }.zx-reselling-stage h2 { margin-top:17px; line-height:.85; }.zx-reselling-line { bottom:52px; }.zx-reselling-tagline { bottom:21px; letter-spacing:.075em; }.zx-reselling-tagline i { margin:0 4px; } }

/* Premium FAQ */
.zx-faq { padding-top:78px!important; padding-bottom:78px!important; }.zx-faq .container { max-width:850px; }.zx-faq .section-title h2 { font-size:clamp(2.35rem,5vw,4.05rem); }.zx-faq .section-title h2::after { display:none; }.zx-faq .section-subtitle p { max-width:640px; margin:0 auto 38px; font-size:1rem; }.zx-faq-eyebrow { margin:0 0 12px; color:var(--zx-red); font-size:.65rem; font-weight:900; letter-spacing:.16em; text-align:center; text-shadow:0 0 10px rgba(255,23,68,.42); }.zx-faq-eyebrow i { margin-right:6px; }.zx-faq-panel { padding:12px; border:1px solid rgba(255,255,255,.1); border-radius:27px; background:linear-gradient(145deg,rgba(17,18,27,.93),rgba(9,9,13,.97)); box-shadow:0 18px 38px rgba(0,0,0,.24); }.zx-faq-panel-title { display:flex; align-items:center; gap:13px; padding:11px 15px; border:1px solid rgba(255,255,255,.1); border-radius:18px; background:rgba(7,8,13,.67); }.zx-faq-panel-title>span { width:43px; height:43px; display:grid; place-items:center; border:1px solid rgba(255,23,68,.46); border-radius:15px; background:rgba(255,23,68,.1); color:var(--zx-red); box-shadow:0 0 16px rgba(255,23,68,.12); }.zx-faq-panel-title strong,.zx-faq-panel-title small { display:block; }.zx-faq-panel-title strong { color:#f5f5fb; font-size:.88rem; font-weight:900; }.zx-faq-panel-title small { margin-top:2px; color:#9696a7; font-size:.72rem; }.zx-faq .accordion { margin-top:10px; }.zx-faq .accordion-item { border:0; border-bottom:1px solid rgba(255,255,255,.09); background:transparent; }.zx-faq .accordion-item:last-child { border-bottom:0; }.zx-faq .accordion-button { position:relative; padding:19px 15px; background:transparent!important; color:#f2f2f8!important; box-shadow:none!important; font-family:'Space Grotesk',sans-serif; font-size:1.02rem; font-weight:700; letter-spacing:-.035em; }.zx-faq .accordion-button::after { width:20px; height:20px; background-image:none; content:'+'; color:#aaaabd; font-family:Arial,sans-serif; font-size:1.25rem; line-height:18px; text-align:center; transform:none; transition:color .2s ease,transform .25s ease; }.zx-faq .accordion-button:not(.collapsed)::after { content:'−'; color:var(--zx-red); transform:rotate(180deg); }.zx-faq .accordion-button:not(.collapsed) { color:#fff!important; }.zx-faq .accordion-body { padding:0 15px 20px; color:#a7a7b6; font-size:.88rem; line-height:1.65; }.zx-faq .accordion-collapse { transition:height .35s cubic-bezier(.16,1,.3,1); }@media (max-width:575px) { .zx-faq { padding-top:58px!important; padding-bottom:58px!important; }.zx-faq-panel { padding:8px; border-radius:20px; }.zx-faq-panel-title { padding:10px; border-radius:14px; }.zx-faq .accordion-button { padding:17px 10px; font-size:.9rem; }.zx-faq .accordion-body { padding:0 10px 18px; font-size:.8rem; } }

/* New ZX search bar */
.hero .zx-search-shell { position:relative; max-width:690px; min-height:66px; margin:0 auto 27px; padding:5px 6px 5px 7px; border:1px solid rgba(255,23,68,.38); border-radius:999px; background:linear-gradient(104deg,rgba(7,7,12,.96),rgba(23,11,20,.88)); box-shadow:0 18px 45px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.06),0 0 0 5px rgba(255,23,68,.035); transition:border-color .25s ease,box-shadow .25s ease; }
.hero .zx-search-shell:hover,.hero .zx-search-shell:focus-within { border-color:rgba(255,23,68,.9); box-shadow:0 18px 45px rgba(0,0,0,.32),0 0 0 5px rgba(255,23,68,.07),0 0 31px rgba(255,23,68,.25); }
.hero .zx-search-shell .zx-search-icon { flex:0 0 50px; width:50px; height:50px; display:grid; place-items:center; border:1px solid rgba(255,23,68,.44); border-radius:50%; background:rgba(255,23,68,.11); color:var(--zx-red); font-size:1rem; text-shadow:0 0 12px var(--zx-red); box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 17px rgba(255,23,68,.18); }
.hero .zx-search-shell input { height:52px; padding:0 17px!important; border:0!important; outline:0!important; box-shadow:none!important; font-size:.94rem; letter-spacing:0; }
.hero .zx-search-shell input::placeholder { color:#8f8d99; opacity:1; }
.hero .zx-search-shell .zx-search-button { height:52px; min-width:123px; justify-content:center; padding:0 19px; border:1px solid rgba(255,116,141,.75); border-radius:999px; background:linear-gradient(135deg,#ff1744,#c90b36); box-shadow:0 10px 25px rgba(255,23,68,.28),inset 0 1px rgba(255,255,255,.22); }
.hero .zx-search-shell .zx-search-button:hover { filter:none; background:linear-gradient(135deg,#ff4b6d,#ff1744); box-shadow:0 0 15px rgba(255,23,68,.9),0 0 33px rgba(255,23,68,.43); }
.hero .zx-search-shell .zx-search-button i { transition:transform .2s ease; }.hero .zx-search-shell .zx-search-button:hover i { transform:translateX(3px); }
@media (max-width:575px) { .hero .zx-search-shell { min-height:60px; padding:4px; }.hero .zx-search-shell .zx-search-icon { flex-basis:45px; width:45px; height:45px; font-size:.88rem; }.hero .zx-search-shell input { height:48px; padding:0 10px!important; font-size:.82rem; }.hero .zx-search-shell .zx-search-button { min-width:48px; width:48px; height:48px; padding:0; }.hero .zx-search-shell .zx-search-button span { display:none; } }
.zx-inline-search-results { max-width:690px; max-height:410px; margin:-11px auto 24px; padding:14px; overflow-y:auto; border:1px solid rgba(255,23,68,.38); border-radius:18px; background:linear-gradient(145deg,rgba(20,12,18,.97),rgba(10,10,14,.98)); box-shadow:0 22px 45px rgba(0,0,0,.38),0 0 28px rgba(255,23,68,.12); text-align:left; animation:zx-inline-search-in .24s ease both; }.zx-inline-search-results[hidden] { display:none!important; }.zx-inline-search-heading { display:flex; align-items:center; justify-content:space-between; padding:1px 2px 11px; color:#ff7b92; font-size:.66rem; font-weight:900; letter-spacing:.12em; }.zx-inline-search-close { width:29px; height:29px; display:grid; place-items:center; border:1px solid rgba(255,23,68,.5); border-radius:9px; background:rgba(255,23,68,.09); color:#ff7890; cursor:pointer; }.zx-inline-search-close:hover { background:var(--zx-red); color:#fff; box-shadow:0 0 14px rgba(255,23,68,.62); }.zx-inline-search-results .products { display:flex; flex-direction:column; gap:9px; }.zx-inline-search-results .product { border:1px solid rgba(255,255,255,.09); border-radius:12px; background:rgba(255,255,255,.025); transition:border-color .2s ease,background .2s ease; }.zx-inline-search-results .product:hover { border-color:rgba(255,23,68,.62); background:rgba(255,23,68,.06); }.zx-inline-search-results .zx-search-empty { margin:22px 0 7px; text-align:center; color:#ff9cad; font-weight:800; }@keyframes zx-inline-search-in { from { opacity:0; transform:translateY(-8px); } to { opacity:1; transform:translateY(0); } }

/* Polished inline search product cards */
.zx-inline-search-results .products { gap:8px; }.zx-inline-search-results .zx-search-result { min-width:0; }.zx-inline-search-results .product { position:relative; min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:14px; padding:8px 12px 8px 8px; overflow:hidden; color:#f7f7fb!important; text-decoration:none!important; }.zx-inline-search-results .product::after { content:'View product  →'; flex:0 0 auto; padding:7px 10px; border:1px solid rgba(255,23,68,.42); border-radius:9px; background:rgba(255,23,68,.1); color:#ff8197; font-size:.63rem; font-weight:900; letter-spacing:.01em; transition:color .2s ease,background .2s ease,box-shadow .2s ease; }.zx-inline-search-results .product:hover { transform:translateX(3px); border-color:rgba(255,23,68,.78); background:linear-gradient(90deg,rgba(255,23,68,.1),rgba(255,255,255,.025)); box-shadow:0 7px 18px rgba(0,0,0,.18),inset 3px 0 var(--zx-red); }.zx-inline-search-results .product:hover::after { background:var(--zx-red); color:#fff; box-shadow:0 0 14px rgba(255,23,68,.52); }.zx-inline-search-results .product .left { min-width:0; display:flex; align-items:center; gap:12px; }.zx-inline-search-results .product .image { flex:0 0 58px; width:58px; height:58px; overflow:hidden; border:1px solid rgba(255,255,255,.13); border-radius:11px; background:#09090d; }.zx-inline-search-results .product .image img,.zx-inline-search-results .product .image .product-img-placeholder { width:100%; height:100%; object-fit:cover; }.zx-inline-search-results .product .image .badges { display:none; }.zx-inline-search-results .product .text { min-width:0; }.zx-inline-search-results .product h3 { margin:0 0 5px; overflow:hidden; color:#fff; font-family:'Space Grotesk',sans-serif; font-size:.93rem; font-weight:700; letter-spacing:-.025em; text-overflow:ellipsis; white-space:nowrap; }.zx-inline-search-results .product .text>p { margin:0; color:#ff667f; font-size:.82rem; font-weight:900; }.zx-inline-search-results .product .stock,.zx-inline-search-results .product .right { display:none!important; }.zx-inline-search-results::-webkit-scrollbar { width:7px; }.zx-inline-search-results::-webkit-scrollbar-thumb { border-radius:999px; background:rgba(255,23,68,.5); }
@media (max-width:575px) { .zx-inline-search-results { margin-top:-12px; padding:10px; }.zx-inline-search-results .product { min-height:67px; gap:8px; padding:6px 7px 6px 6px; }.zx-inline-search-results .product .image { flex-basis:51px; width:51px; height:51px; }.zx-inline-search-results .product h3 { max-width:150px; font-size:.83rem; }.zx-inline-search-results .product .text>p { font-size:.75rem; }.zx-inline-search-results .product::after { content:'→'; padding:7px 10px; font-size:.82rem; } }