:root{--bg:#090b16;--panel:#101725;--panel2:#12192a;--line:#31405c;--pink:#ff35d3;--cyan:#00f0f6;--text:#eff3ff;--muted:#9aa7bf;--purple:#a84cf4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 90% 40% at 60% -10%,#282047 0%,transparent 80%),var(--bg);color:var(--text);font:15px/1.5 Inter,'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.shell{width:min(1500px,calc(100% - 54px));margin:0 auto}.topbar{position:sticky;top:0;z-index:30;background:#0a0b18f2;backdrop-filter:blur(20px);border-bottom:1px solid #7a2e8f;box-shadow:0 3px 20px #fb36d01e}.topbar-in{height:75px;display:flex;align-items:center;gap:27px}.logo{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:950;letter-spacing:1.3px;font-style:italic;white-space:nowrap}.logo-mark{font-size:45px;line-height:1;color:#00e9f4;text-shadow:7px 1px #ef2ce4;transform:skew(-14deg)}nav{display:flex;align-items:center;gap:25px;white-space:nowrap}nav a{font-weight:650;font-size:14px;color:#e2e3f2}nav a:hover,.link:hover{color:var(--cyan)}.searchbox{display:flex;align-items:center;gap:8px;margin-left:auto;border:1px solid #0fcbd3;background:#0a1826;border-radius:7px;padding:0 12px;min-width:220px;max-width:370px;flex:1;height:40px}.searchbox svg{width:18px;flex:none}.searchbox input{background:transparent;border:0;outline:0;color:white;min-width:0;width:100%}.searchbox input::placeholder{color:#8497ad}.icon-btn{display:grid;place-items:center;background:transparent;color:white;border:0;font-size:23px;position:relative}.count{position:absolute;right:-9px;top:-8px;font-size:11px;background:var(--pink);border-radius:20px;padding:0 5px;min-width:18px}.outline,.btn{padding:12px 19px;border-radius:6px;font-weight:800;border:1px solid var(--cyan);color:var(--cyan);background:#081a29;transition:.2s}.btn{color:#070d1a;border:0;background:linear-gradient(110deg,#00eafa,#46fff3);box-shadow:0 0 18px #0bdfed55}.btn:hover{filter:brightness(1.17);transform:translateY(-2px)}.btn.pink{background:linear-gradient(110deg,#f733d0,#d935e9);box-shadow:0 0 18px #fa31cd6b}.outline:hover{background:#103a4b}.hero{min-height:340px;margin-top:0;position:relative;display:flex;align-items:center;overflow:hidden;border-bottom:2px solid var(--pink);background:linear-gradient(90deg,#0b0b1a 0%,#0a0d20 38%,#10102522 78%),url('assets/hero-ninja.webp') right center/auto 100% no-repeat,#080e1e}.hero:before{content:'';inset:0;position:absolute;background:linear-gradient(90deg,#090b17 0%,#090b17ee 28%,transparent 68%);pointer-events:none}.hero-inner{position:relative;z-index:1;padding:38px 0;max-width:1500px;width:min(1500px,calc(100% - 54px));margin:auto}.eyebrow{color:#f569e5;font-size:11px;letter-spacing:4px;font-weight:900}.hero h1{max-width:650px;font-size:clamp(32px,3.6vw,54px);line-height:1.06;font-weight:1000;text-transform:uppercase;margin:17px 0 14px;font-style:italic;text-shadow:0 3px 10px #e437b533}.hero p{color:#d2d8e9;max-width:530px;font-size:17px;margin:0 0 22px}.buttons{display:flex;flex-wrap:wrap;gap:14px}.buttons .btn,.buttons .outline{min-width:200px;text-align:center}.section{padding:27px 0}.heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 22px}.heading h2{margin:0;text-transform:uppercase;font-size:23px;letter-spacing:.3px}.heading h2:before{content:'//';color:var(--pink);margin-right:15px;font-style:italic}.link{color:var(--cyan);font-weight:700}.cat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}.cat{border:1px solid var(--pink);background:linear-gradient(135deg,#2a1434,#151324 55%,#101628);min-height:132px;border-radius:8px;text-align:center;padding:15px 5px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:inset 0 0 22px #ed2ff115;transition:.2s}.cat:nth-child(odd){border-color:var(--cyan);background:linear-gradient(135deg,#102d3b,#101a2a 65%,#091622)}.cat:hover{transform:translateY(-4px);box-shadow:0 0 20px #eb2ed54d}.cat-icon{font-size:35px;line-height:1.2;color:var(--pink);font-weight:850;text-shadow:0 0 10px #fa37d8}.cat:nth-child(odd) .cat-icon{color:var(--cyan)}.cat strong{font-size:16px;margin-top:7px}.cat small{font-size:12px;color:#bcc6da}.catalog-home{border-top:1px solid #304057}.showcase{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:18px}.products{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.product{background:linear-gradient(160deg,#151e31,#0f1523);border:1px solid #4e4b71;border-radius:9px;overflow:hidden;display:flex;flex-direction:column;min-width:0;transition:.2s}.product:hover{border-color:var(--cyan);box-shadow:0 0 18px #00ebf329;transform:translateY(-3px)}.product-image{height:157px;background:radial-gradient(circle at center,#27204b 0%,#101528 74%);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:contain}.product-image:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 68%,#0c1223)}.tag{position:absolute;z-index:2;top:9px;left:9px;background:#f133ca;color:white;font-size:10px;font-weight:900;border-radius:5px;padding:4px 8px}.product-body{padding:12px;display:flex;flex-direction:column;flex:1;gap:8px}.product-title{font-weight:800;line-height:1.3;min-height:38px;font-size:13px}.product-sub{font-size:12px;color:#9eadc4;line-height:1.35;flex:1;min-height:32px}.product-bottom{display:flex;align-items:center;gap:9px;justify-content:space-between}.price{font-weight:950;font-size:19px;white-space:nowrap}.price small{font-size:12px;font-weight:500;color:var(--muted)}.add{height:37px;min-width:42px;border-radius:5px;background:#102d39;color:#aaffff;border:1px solid var(--cyan);font-size:19px;box-shadow:0 0 10px #00eeee44}.add:hover{background:#04a9ba;color:#071524}.cart-panel,.glass{background:linear-gradient(135deg,#141526,#0d1728 75%);border:1px solid #b936d7;border-radius:10px;box-shadow:0 0 16px #ff00cf25;padding:17px}.cart-panel h3{margin:0 0 16px;border-bottom:1px solid #505068;padding-bottom:14px;font-size:18px}.cart-row{display:flex;gap:10px;align-items:center;border-bottom:1px solid #394056;padding:9px 0}.cart-row img{width:54px;height:47px;object-fit:contain;background:#1c2036;border-radius:4px}.cart-row-info{flex:1;min-width:0}.cart-row strong{font-size:12px;display:block;line-height:1.3}.cart-row small{font-size:11px;color:var(--muted)}.remove{background:none;border:0;color:#d4a8d6;font-size:21px;align-self:flex-start}.total{display:flex;justify-content:space-between;font-size:16px;margin:17px 0}.total strong{font-size:22px}.full{width:100%}.empty{color:var(--muted);font-size:13px;padding:16px 0}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.benefit{border:1px solid #306581;background:#101a2d;padding:18px;display:flex;gap:13px;align-items:center;min-width:0}.benefit b{display:block}.benefit span{font-size:12px;color:#b7c2d9}.benefit i{font-style:normal;font-size:28px;color:var(--pink)}footer{margin-top:35px;border-top:2px solid #a62eab;background:linear-gradient(120deg,#14152d,#0b0e1a);padding:25px 0}.footer-in{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.footer-in small{color:var(--muted)}.page{padding:33px 0 45px;min-height:66vh}.crumb{color:var(--muted);font-size:13px;margin-bottom:17px}.page h1{margin:0 0 24px;font-size:36px}.catalog-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:23px}.filters{align-self:start;padding:18px;border:1px solid #34435e;background:#11182a;border-radius:8px;position:sticky;top:96px}.filter-item{display:block;width:100%;padding:11px;text-align:left;color:#d0d9ed;border:0;border-bottom:1px solid #293349;background:transparent}.filter-item.active,.filter-item:hover{color:var(--cyan);background:#122b3b}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;color:var(--muted)}select,.field{border-radius:6px;border:1px solid #3b526f;background:#131c2e;color:#f1f4ff;padding:10px 12px;max-width:100%}.catalog-products{grid-template-columns:repeat(4,minmax(0,1fr))}.detail{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:26px}.gallery-main{background:radial-gradient(circle,#302651 0%,#11172a 75%);border:1px solid #c43ac3;border-radius:10px;height:405px;display:flex;align-items:center;justify-content:center;overflow:hidden}.gallery-main img{width:100%;height:100%;object-fit:contain}.thumbs{display:flex;gap:9px;overflow-x:auto;margin-top:12px}.thumb{height:73px;width:85px;flex-shrink:0;background:#172032;border:1px solid #394766;border-radius:6px;cursor:pointer}.thumb.active{border-color:var(--cyan)}.thumb img{width:100%;height:100%;object-fit:contain}.detail-info h1{font-size:clamp(26px,3vw,41px);line-height:1.14;margin:9px 0 15px}.chip{display:inline-block;padding:5px 10px;border:1px solid var(--cyan);border-radius:4px;color:#9bfaff;font-size:12px}.detail-desc{color:#c7d2e3}.variants{display:flex;flex-direction:column;gap:9px;margin:18px 0}.variant{display:flex;align-items:center;gap:10px;background:#101b2c;border:1px solid #35465f;border-radius:6px;padding:12px;cursor:pointer}.variant.active{border-color:var(--pink);box-shadow:0 0 8px #ef38d52a}.variant span{flex:1}.variant b{color:#ff7be6}.detail-price{font-size:30px;font-weight:900;margin:15px 0}.detail-actions{display:flex;gap:10px;flex-wrap:wrap}.detail-actions>*{flex:1}.info-card{margin-top:25px;padding:22px;border:1px solid #394865;border-radius:9px;background:#0e1728}.info-card h3{margin:0 0 12px}.info-card li{margin:7px 0;color:#c7d0df}.cart-full{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px}.large-cart .cart-row{padding:15px 0}.large-cart img{width:100px;height:82px}.qty{display:inline-flex;border:1px solid #326880;border-radius:5px;align-items:center;margin-top:9px}.qty button{background:transparent;border:0;color:var(--cyan);padding:4px 12px}.qty span{padding:3px 10px}.muted{color:var(--muted)}.accordion{border:1px solid #374461;border-radius:8px;margin:10px 0;background:#141a2b;padding:16px 18px}.accordion summary{cursor:pointer;font-weight:750}.accordion p{color:#bdcadd}.notice{padding:16px;border:1px solid #43637d;background:#152638;border-radius:7px;color:#c7dff4}.nothing{padding:70px 0;text-align:center;color:var(--muted)}#toast{position:fixed;bottom:20px;right:20px;z-index:100;background:#172e39;border:1px solid var(--cyan);color:white;padding:12px 19px;border-radius:7px;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none}#toast.on{opacity:1;transform:translateY(0)}.mobile-menu{display:none}@media(max-width:1150px){.topbar-in{gap:14px}nav{gap:14px}.logo{font-size:22px}.products{grid-template-columns:repeat(3,minmax(0,1fr))}.cat-grid{grid-template-columns:repeat(3,1fr)}.showcase{grid-template-columns:1fr 270px}.catalog-products{grid-template-columns:repeat(3,1fr)}}@media(max-width:850px){.shell,.hero-inner{width:min(100% - 28px,1500px)}nav{display:none}.topbar-in{height:64px}.logo{font-size:22px}.searchbox{max-width:none}.mobile-menu{display:block}.hero{min-height:380px;background-position:right center}.hero:before{background:linear-gradient(90deg,#090b17f5 10%,#090b17c7 55%,#090b1733)}.hero h1{font-size:35px;max-width:520px}.showcase{grid-template-columns:1fr}.cart-panel{max-width:none}.products,.catalog-products{grid-template-columns:repeat(3,minmax(0,1fr))}.benefits{grid-template-columns:repeat(2,1fr)}.catalog-layout{grid-template-columns:1fr}.filters{position:static;display:flex;overflow-x:auto;gap:6px;padding:8px}.filter-item{width:auto;white-space:nowrap;border:0;border-radius:5px}.detail,.cart-full{grid-template-columns:1fr}.gallery-main{height:360px}}@media(max-width:560px){.topbar-in{gap:10px}.logo{font-size:19px;gap:4px}.logo-mark{font-size:33px}.searchbox{min-width:0;padding:0 8px}.searchbox input{font-size:12px}.hero{min-height:370px}.hero h1{font-size:30px}.hero p{font-size:14px}.hero-inner{padding:25px 0}.buttons .btn,.buttons .outline{min-width:0;flex:1;padding:12px}.heading h2{font-size:18px}.cat-grid{grid-template-columns:repeat(2,1fr)}.cat{min-height:118px}.products,.catalog-products{grid-template-columns:repeat(2,minmax(0,1fr))}.product-image{height:125px}.product-body{padding:9px}.product-title{font-size:12px}.product-sub{font-size:11px}.price{font-size:16px}.benefits{grid-template-columns:1fr}.page h1{font-size:28px}.detail-info h1{font-size:29px}.gallery-main{height:280px}.footer-in{display:block}.footer-in>*{margin:10px 0}}



.cat-grid .cat {
  --orbit-color: #ff35d3;
  position: relative;
  isolation: isolate;
  overflow: visible;
  border-color: var(--orbit-color);
}
.cat-grid .cat:nth-child(odd) { --orbit-color: #00f0f6; }
.cat-grid .cat-orbit {
  position: absolute;
  inset: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  overflow: visible;
  pointer-events: none;
  z-index: 2;
  color: var(--orbit-color);
}
.cat-grid .cat-orbit rect {
  fill: none;
  stroke: currentColor;
  stroke-dasharray: 17 83;
  stroke-dashoffset: 0;
  vector-effect: non-scaling-stroke;
  animation: shadow-outline-run 3s linear infinite;
}
.cat-grid .cat-orbit-line {
  stroke-width: 3;
  filter: drop-shadow(0 0 3px currentColor);
}
.cat-grid .cat-orbit-glow {
  stroke-width: 9;
  opacity: .45;
  filter: blur(5px);
}
.cat-grid .cat:nth-child(2) .cat-orbit rect,
.cat-grid .cat:nth-child(5) .cat-orbit rect { animation-delay: -.7s; }
.cat-grid .cat:nth-child(3) .cat-orbit rect,
.cat-grid .cat:nth-child(6) .cat-orbit rect { animation-delay: -1.4s; }
.cat-grid .cat:hover { box-shadow: 0 0 24px var(--orbit-color), inset 0 0 20px #ed2ff115; }
@keyframes shadow-outline-run {
  from { stroke-dashoffset: 0; }
  to { stroke-dashoffset: -100; }
}
@media (prefers-reduced-motion: reduce) {
  .cat-grid .cat-orbit rect { animation: none; }
}


.hero {
  --hero-shift-x: 0px;
  --hero-shift-y: 0px;
  background: #080e1e;
  isolation: isolate;
}
.hero-scene,
.hero-glitch,
.hero-sheen,
.hero-eye-glow,
.hero-fog,
.hero-border-run {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.hero-scene {
  z-index: 0;
  background: url('assets/hero-ninja.webp') right center / auto 100% no-repeat;
  transform: translate3d(var(--hero-shift-x),var(--hero-shift-y),0) scale(1.035);
  transition: transform .12s ease-out;
  will-change: transform;
}
.hero:before {
  z-index: 2;
  background: linear-gradient(90deg,#090b17 0%,#090b17ee 28%,#090b1760 52%,transparent 76%);
}
.hero-inner { z-index: 8; }
.hero-sheen {
  z-index: 4;
  inset: 0 0 0 51%;
  background: linear-gradient(105deg,transparent 32%,#00f0f600 41%,#00f0f620 46%,#ffffff25 49%,#ff35d31f 53%,transparent 60%);
  background-size: 260% 100%;
  background-position: 190% 0;
  mix-blend-mode: screen;
  opacity: .72;
  animation: shadow-armor-sweep 5s ease-in-out infinite;
  mask-image: linear-gradient(90deg,transparent,#000 30%,#000 92%);
}
.hero-eye-glow {
  z-index: 4;
  inset: 0 0 0 57%;
  background:
    radial-gradient(ellipse 10% 7% at 68% 30%,#f845f84a,transparent 100%),
    radial-gradient(ellipse 18% 12% at 79% 60%,#00e9ff17,transparent 100%);
  mix-blend-mode: screen;
  opacity: .35;
  animation: shadow-visor-pulse 3.8s ease-in-out infinite;
}
.hero-fog {
  z-index: 5;
  inset: auto -12% -38% 33%;
  height: 100%;
  background:
    radial-gradient(ellipse 41% 36% at 23% 80%,#d32dba36,transparent 74%),
    radial-gradient(ellipse 43% 39% at 73% 70%,#00ebed26,transparent 76%),
    radial-gradient(ellipse 38% 31% at 63% 95%,#a12deb42,transparent 75%);
  filter: blur(16px);
  opacity: .66;
  animation: shadow-fog-drift 8s ease-in-out infinite alternate;
}
.hero-glitch {
  z-index: 3;
  left: 53%;
  background: url('assets/hero-ninja.webp') right center / auto 100% no-repeat;
  opacity: 0;
  mix-blend-mode: screen;
  animation: shadow-glitch 7s steps(1,end) infinite;
}
.hero-border-run {
  z-index: 9;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.hero-border-run rect {
  fill: none;
  stroke: #00f0f6;
  stroke-width: .45;
  vector-effect: non-scaling-stroke;
  stroke-dasharray: 9 91;
  stroke-linecap: round;
  filter: drop-shadow(0 0 5px #00f0f6) drop-shadow(0 0 8px #ff35d3);
  animation: shadow-hero-trace 4s linear infinite;
}
@keyframes shadow-armor-sweep {
  0%,18% { background-position: 190% 0; opacity: 0; }
  29% { opacity: .65; }
  48% { background-position: -90% 0; opacity: 0; }
  100% { background-position: -90% 0; opacity: 0; }
}
@keyframes shadow-visor-pulse {
  0%,100% { opacity: .18; }
  35% { opacity: .45; }
  45% { opacity: .85; }
  55% { opacity: .34; }
  82% { opacity: .2; }
}
@keyframes shadow-fog-drift {
  from { transform: translate3d(-4%,0,0) scale(1); opacity: .46; }
  to { transform: translate3d(5%,-5%,0) scale(1.12); opacity: .74; }
}
@keyframes shadow-glitch {
  0%,89.9%,91.3%,94.5%,100% { opacity: 0; transform: none; clip-path: inset(0 0 100% 0); }
  90% { opacity: .48; transform: translateX(5px); clip-path: inset(25% 0 65% 0); }
  90.4% { opacity: .32; transform: translateX(-5px); clip-path: inset(59% 0 29% 0); }
  90.8% { opacity: .4; transform: translateX(3px); clip-path: inset(41% 0 52% 0); }
  94% { opacity: .28; transform: translateX(-3px); clip-path: inset(70% 0 24% 0); }
}
@keyframes shadow-hero-trace {
  to { stroke-dashoffset: -100; }
}
@media (max-width:850px) {
  .hero-scene,.hero-glitch { background-position: right center; }
  .hero-scene { transform: none; transition: none; will-change: auto; }
  .hero-fog { opacity: .4; filter: blur(12px); }
  .hero-eye-glow { display: none; }
  .hero-sheen { opacity: .35; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-scene { transform: none; transition: none; will-change: auto; }
  .hero-sheen,.hero-eye-glow,.hero-fog,.hero-glitch,.hero-border-run rect { animation: none !important; }
  .hero-glitch,.hero-sheen { opacity: 0; }
  .hero-fog { opacity: .25; transform: none; }
  .hero-border-run rect { stroke-dasharray: none; opacity: .45; }
}


.topbar .logo-cyber {
  position:relative;
  isolation:isolate;
  overflow:visible;
}
.topbar .logo-word {
  position:relative;
  display:inline-block;
  color:#f3f2ff;
  z-index:1;
}
.topbar .logo-word::before,
.topbar .logo-word::after {
  content:attr(data-text);
  position:absolute;
  inset:0;
  pointer-events:none;
  font:inherit;
  letter-spacing:inherit;
  white-space:nowrap;
}
.topbar .logo-word::before {
  color:transparent;
  background:linear-gradient(105deg,transparent 0%,transparent 34%,#00f0f6 45%,#ffffff 50%,#ff35d3 56%,transparent 67%,transparent 100%);
  background-size:250% 100%;
  background-position:200% center;
  -webkit-background-clip:text;
  background-clip:text;
  animation:shadow-logo-wave 8s ease-in-out infinite;
}
.topbar .logo-word::after {
  opacity:0;
  color:#00f0f6;
  text-shadow:2px 0 #ff35d3;
  clip-path:inset(30% 0 45%);
  animation:shadow-logo-glitch 12s steps(1,end) infinite;
}
.topbar .logo-cyber .logo-mark {
  display:inline-block;
  position:relative;
  z-index:2;
  transform:skew(-14deg);
  animation:shadow-logo-electric 7.5s ease-in-out infinite;
}
.topbar .logo-cyber.logo-boot .logo-word {
  animation:shadow-logo-start 1s steps(1,end) both;
}
.topbar .logo-cyber.logo-boot .logo-mark {
  animation:shadow-logo-mark-start .7s ease-out both,shadow-logo-electric 7.5s ease-in-out .7s infinite;
}
@keyframes shadow-logo-wave {
  0%,12% {background-position:200% center;opacity:0}
  18% {opacity:.95}
  38% {background-position:-100% center;opacity:.9}
  44%,100% {background-position:-100% center;opacity:0}
}
@keyframes shadow-logo-glitch {
  0%,76%,77.1%,79.5%,80.3%,100% {opacity:0;transform:none}
  76.2% {opacity:.85;transform:translate(2px,-1px);clip-path:inset(8% 0 71%)}
  76.6% {opacity:.65;transform:translate(-2px,1px);clip-path:inset(65% 0 13%)}
  79.8% {opacity:.7;transform:translate(1px,0);clip-path:inset(37% 0 44%)}
}
@keyframes shadow-logo-electric {
  0%,10%,12%,13%,15%,100% {filter:brightness(1);text-shadow:7px 1px #ef2ce4}
  10.6%,12.6%,14.4% {filter:brightness(1.8);text-shadow:0 0 8px #00f0f6,6px 0 12px #ff35d3}
}
@keyframes shadow-logo-start {
  0%,12% {opacity:0;filter:blur(5px);transform:translateY(3px)}
  13%,21% {opacity:.45;filter:blur(0);transform:translateX(3px)}
  22%,29% {opacity:0}
  30%,43% {opacity:.8;transform:translateX(-2px)}
  44%,100% {opacity:1;filter:none;transform:none}
}
@keyframes shadow-logo-mark-start {
  0% {opacity:0;filter:blur(8px);transform:skew(-14deg) scale(.8)}
  60% {opacity:1;filter:brightness(2)}
  100% {opacity:1;filter:none;transform:skew(-14deg)}
}
@media (prefers-reduced-motion:reduce) {
  .topbar .logo-cyber .logo-word,
  .topbar .logo-cyber .logo-word::before,
  .topbar .logo-cyber .logo-word::after,
  .topbar .logo-cyber .logo-mark {animation:none!important}
  .topbar .logo-cyber .logo-word::before,
  .topbar .logo-cyber .logo-word::after {display:none}
}


.cat-grid .cat-illustrated {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 148px;
  padding: 12px 4px;
}
.cat-grid .cat-illustrated .cat-background {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  opacity: .70;
  transform: scale(1.02);
  transition: transform .35s ease, opacity .35s ease;
  pointer-events: none;
  z-index: 0;
}
.cat-grid .cat-illustrated .cat-shade {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg,rgba(8,11,26,.11) 0%,rgba(8,11,26,.38) 36%,rgba(7,10,23,.93) 100%);
  pointer-events: none;
}
.cat-grid .cat-illustrated .cat-content {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 2px;
  width: 100%;
  margin-top: auto;
  pointer-events: none;
}
.cat-grid .cat-illustrated .cat-icon { font-size: 22px; }
.cat-grid .cat-illustrated strong { margin-top: 1px; text-shadow: 0 2px 10px #000; }
.cat-grid .cat-illustrated small { color: #e5e9f4; text-shadow: 0 2px 8px #000; }
.cat-grid .cat-illustrated .cat-orbit { z-index: 5; }
.cat-grid .cat-illustrated:hover .cat-background { transform: scale(1.09); opacity: .82; }
@media (max-width:560px) {
  .cat-grid .cat-illustrated { min-height: 132px; }
  .cat-grid .cat-illustrated .cat-icon { font-size: 19px; }
}
@media (prefers-reduced-motion:reduce) {
  .cat-grid .cat-illustrated .cat-background { transition:none; }
}


.hero .hero-scene {
  inset: 0 0 0 45%;
  background-size: cover;
  background-position: center center;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, transparent 13%, #000 29%, #000 100%);
  mask-image: linear-gradient(90deg, transparent 0%, transparent 13%, #000 29%, #000 100%);
}
.hero .hero-glitch {
  inset: 0 0 0 45%;
  background-size: cover;
  background-position: center center;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, transparent 13%, #000 29%, #000 100%);
  mask-image: linear-gradient(90deg, transparent 0%, transparent 13%, #000 29%, #000 100%);
}
@media(max-width:850px) {
  .hero .hero-scene,.hero .hero-glitch {
    inset: 0 0 0 20%;
    background-position: 55% center;
    -webkit-mask-image: linear-gradient(90deg,transparent 0%,#000 28%);
    mask-image: linear-gradient(90deg,transparent 0%,#000 28%);
  }
}


body {
  background-color:#070a15;
  background-image:
    radial-gradient(ellipse 42% 32% at 5% 52%, rgba(0,227,242,.105), transparent 100%),
    radial-gradient(ellipse 38% 38% at 96% 66%, rgba(233,37,206,.12), transparent 100%),
    radial-gradient(ellipse 55% 35% at 54% 108%, rgba(77,47,165,.14), transparent 100%),
    linear-gradient(180deg,#090b18 0%,#080b17 50%,#080a15 100%);
  background-attachment:fixed;
}
body::before {
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  opacity:.33;
  background-image:
    repeating-linear-gradient(90deg,transparent 0,transparent 79px,rgba(55,151,185,.1) 80px),
    repeating-linear-gradient(0deg,transparent 0,transparent 79px,rgba(152,58,170,.09) 80px);
  -webkit-mask-image:linear-gradient(180deg,transparent 8%,rgba(0,0,0,.35) 35%,#000 100%);
  mask-image:linear-gradient(180deg,transparent 8%,rgba(0,0,0,.35) 35%,#000 100%);
}
#app {position:relative;z-index:1;}
@media(max-width:850px){
  body::before{opacity:.17;}
  body{background-attachment:scroll;}
}
@media(prefers-reduced-motion:reduce){
  body::before{animation:none;}
}


.catalog-layout .shadow-sidebar {
  align-self:start;
  position:sticky;
  top:96px;
  display:block;
  min-width:0;
  padding:16px 12px 12px;
  overflow:hidden;
  background:linear-gradient(152deg,#131b30 0%,#0c1223 70%,#111025 100%);
  border:1px solid #3a476b;
  border-radius:13px;
  box-shadow:inset 0 1px 0 #ffffff0a,0 8px 30px #03051277;
}
.shadow-sidebar .sidebar-heading {
  display:flex;
  align-items:center;
  gap:9px;
  margin-bottom:12px;
}
.shadow-sidebar .sidebar-heading h3 {
  margin:0;
  font-size:14px;
  letter-spacing:.09em;
}
.shadow-sidebar .sidebar-heading-icon {color:var(--cyan);font-size:24px;text-shadow:0 0 10px #00f0f699;line-height:1;}
.shadow-sidebar .sidebar-heading-mark {margin-left:auto;color:var(--pink);font-size:19px;}
.shadow-sidebar .sidebar-trace {
  height:2px;
  margin-bottom:12px;
  background:linear-gradient(90deg,var(--cyan),var(--pink) 48%,transparent);
  box-shadow:0 0 11px #00f0f677;
}
.shadow-sidebar .sidebar-items {display:flex;flex-direction:column;gap:8px;min-width:0;}
.shadow-sidebar .side-cat {
  --accent:var(--pink);
  display:block;
  width:100%;
  height:62px;
  min-height:62px;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:0;
  margin:0;
  border:1px solid #ea46d044;
  border-radius:8px;
  background:#111a2b;
  color:#f4f6ff;
  text-align:left;
  white-space:normal;
  transition:border-color .22s ease,transform .22s ease,box-shadow .22s ease;
}
.shadow-sidebar .side-cat:nth-child(odd) {--accent:var(--cyan);border-color:#00f0f655;}
.shadow-sidebar .side-cat .side-cat-bg {
  position:absolute;inset:0;width:100%;height:100%;
  display:block;object-fit:cover;object-position:center;
  opacity:.6;transform:scale(1.02);
  transition:transform .35s ease,opacity .35s ease;
  pointer-events:none;
}
.shadow-sidebar .side-cat .side-cat-overlay {
  position:absolute;inset:0;
  background:linear-gradient(90deg,#060b18ed 0%,#091222aa 54%,#0a0d1ac7 100%);
  pointer-events:none;
}
.shadow-sidebar .side-cat .side-cat-content {
  position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;
  gap:6px;padding:0 11px;height:100%;width:100%;
}
.shadow-sidebar .side-cat-label {font-size:12px;line-height:1.25;font-weight:750;text-shadow:0 1px 8px #000;}
.shadow-sidebar .side-cat-count {
  font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;
  color:#d3dcec;border-radius:4px;background:#07101dbb;
  min-width:25px;padding:3px 5px;text-align:center;
}
.shadow-sidebar .side-cat:hover {transform:translateX(3px);border-color:var(--accent);box-shadow:0 0 15px color-mix(in srgb,var(--accent) 27%,transparent);}
.shadow-sidebar .side-cat:hover .side-cat-bg {transform:scale(1.10);opacity:.78;}
.shadow-sidebar .side-cat.active {
  color:#fff;border-color:var(--cyan);
  box-shadow:inset 3px 0 0 var(--cyan),0 0 15px #00efff42;
}
.shadow-sidebar .side-cat.active .side-cat-overlay {background:linear-gradient(90deg,#06212dcf,#0b173095 62%,#06101bc7);}
.shadow-sidebar .side-cat.active .side-cat-count {color:#00f0f6;}
.shadow-sidebar .side-cat:focus-visible {outline:2px solid var(--cyan);outline-offset:2px;}
.shadow-sidebar .sidebar-bottom {
  display:flex;align-items:center;justify-content:space-between;
  margin-top:14px;color:#8197b2;font-size:9px;letter-spacing:.13em;
}
.shadow-sidebar .sidebar-dot {width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 9px var(--cyan);}
@media(max-width:850px){
  .catalog-layout .shadow-sidebar {position:static;display:block;padding:12px;}
  .shadow-sidebar .sidebar-items {flex-direction:row;overflow-x:auto;padding:0 2px 7px;scroll-snap-type:x proximity;}
  .shadow-sidebar .side-cat {flex:0 0 160px;width:160px;scroll-snap-align:start;}
  .shadow-sidebar .sidebar-bottom {display:none;}
}
@media(prefers-reduced-motion:reduce){
  .shadow-sidebar .side-cat,.shadow-sidebar .side-cat-bg {transition:none;}
  .shadow-sidebar .side-cat:hover {transform:none;}
  .shadow-sidebar .side-cat:hover .side-cat-bg {transform:none;}
}


.product-cyber {
  position:relative;
  isolation:isolate;
  background:linear-gradient(155deg,#172037,#101624 72%);
  border:1px solid #3c5076;
  border-radius:12px;
  overflow:hidden;
  min-width:0;
  transition:transform .26s ease,border-color .26s ease,box-shadow .26s ease;
}
.product-cyber::before {
  content:"";
  position:absolute;
  inset:-2px;
  z-index:5;
  pointer-events:none;
  background:linear-gradient(110deg,transparent 27%,#00f0f615 42%,#ffffff34 49%,#ff35d31c 57%,transparent 72%);
  transform:translateX(-115%);
  opacity:0;
}
.product-cyber:hover,.product-cyber:focus-within {
  transform:translateY(-4px);
  border-color:#04e9ef;
  box-shadow:0 9px 26px #0009,0 0 18px #00f0f63a;
}
.product-cyber:hover::before {animation:shadow-product-sheen .8s ease-out both;}
@keyframes shadow-product-sheen {
  0% {transform:translateX(-115%);opacity:.7;}
  100% {transform:translateX(115%);opacity:0;}
}
.product-cyber .product-media {position:relative;isolation:isolate;overflow:hidden;}
.product-cyber .product-image {
  width:100%;
  height:188px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:radial-gradient(ellipse at 50% 38%,#25254b 0%,#0e172a 72%);
}
.product-cyber .product-image img {
  width:100%;height:100%;object-fit:contain;
  transition:transform .35s ease;
}
.product-cyber:hover .product-image img,.product-cyber:focus-within .product-image img {transform:scale(1.055);}
.product-cyber .product-toplabels {
  position:absolute;top:9px;left:9px;z-index:3;display:flex;gap:5px;flex-wrap:wrap;pointer-events:none;
}
.product-cyber .product-label {
  display:inline-block;padding:4px 7px;border-radius:4px;
  font-size:9px;line-height:1.2;font-weight:850;letter-spacing:.04em;color:#fff;
  box-shadow:0 0 11px #ff35d355;
}
.product-label-hit {background:#df26b9;}
.product-label-new {background:#008caa;}
.product-label-sale {background:#b439d3;}
.product-cyber .product-quick {
  position:absolute;bottom:10px;left:50%;z-index:3;
  border:1px solid #00f0f6;border-radius:6px;
  color:#bbffff;background:#07121de8;
  font-weight:800;font-size:12px;padding:8px 12px;white-space:nowrap;
  transform:translate(-50%,10px);opacity:0;pointer-events:none;
  transition:transform .22s ease,opacity .22s ease,background .22s ease;
}
.product-cyber:hover .product-quick,.product-cyber:focus-within .product-quick {
  transform:translate(-50%,0);opacity:1;pointer-events:auto;
}
.product-cyber .product-quick:hover {background:#08384b;}
.product-cyber .product-body {min-height:185px;padding:12px 12px 13px;display:flex;gap:8px;}
.product-cyber .product-meta {
  display:flex;align-items:center;justify-content:space-between;gap:5px;
  font-size:10px;line-height:1.2;color:#93a6c3;
}
.product-cyber .product-mode {color:#40f7ff;border:1px solid #00f0f65c;border-radius:3px;padding:2px 5px;white-space:nowrap;}
.product-cyber .product-title {
  min-height:0;font-size:14px;font-weight:850;line-height:1.33;color:#f2f5ff;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.product-cyber .product-title:hover {color:#88faff;}
.product-cyber .product-sub {
  flex:1;
  min-height:0;
  font-size:11.5px;
  line-height:1.45;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
  color:#a5b4cc;
}
.product-cyber .product-bottom {
  margin-top:auto;padding-top:10px;border-top:1px solid #31415d;
  display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;
}
.product-cyber .price {
  min-width:0;font-size:18px;line-height:1.2;font-weight:900;
  color:#f7f8ff;text-shadow:0 0 12px #ff35d32b;
}
.product-cyber .price small {display:block;font-size:11px;line-height:1.2;white-space:normal;}
.product-cyber .product-actions {display:flex;align-items:center;gap:5px;flex:none;}
.product-cyber .product-view {
  width:33px;height:35px;display:grid;place-items:center;flex:none;
  background:#101e31;border:1px solid #486987;border-radius:6px;
  color:#a4faff;font-size:16px;
}
.product-cyber .product-view:hover {background:#123c4a;border-color:var(--cyan);}
.product-cyber .add {
  width:auto;min-width:0;height:35px;padding:0 9px;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:800;white-space:nowrap;
  border-radius:6px;background:#053640;color:#c9ffff;
}
.product-cyber .add:hover {background:#00cbd4;color:#03131f;}
@media(min-width:851px) and (max-width:1250px) {
  .product-cyber .product-bottom {align-items:stretch;flex-direction:column;}
  .product-cyber .product-actions {align-self:flex-end;}
}
@media(max-width:560px) {
  .product-cyber .product-image {height:143px;}
  .product-cyber .product-body {min-height:175px;padding:9px;gap:6px;}
  .product-cyber .product-title {font-size:12px;}
  .product-cyber .product-meta {font-size:9px;}
  .product-cyber .product-sub {font-size:10.5px;-webkit-line-clamp:2;}
  .product-cyber .product-bottom {align-items:stretch;flex-direction:column;}
  .product-cyber .product-actions {width:100%;justify-content:flex-end;}
  .product-cyber .price {font-size:16px;}
  .product-cyber .add {height:33px;}
}
@media(hover:none) {
  .product-cyber .product-quick {display:none;}
}

#shadow-quickview {position:relative;z-index:110;}
.quick-backdrop {
  position:fixed;inset:0;z-index:110;
  display:grid;place-items:center;
  padding:18px;
  background:rgba(3,5,15,.83);
  backdrop-filter:blur(7px);
}
.quick-dialog {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  width:min(940px,100%);max-height:calc(100dvh - 36px);
  overflow:auto;
  border:1px solid #b63aaf;border-radius:14px;
  background:linear-gradient(145deg,#142039,#0c1325 66%,#1a1130);
  box-shadow:0 25px 80px #000c,0 0 30px #ff35d326;
  color:#f4f7ff;
}
.quick-close {
  position:absolute;top:11px;right:12px;z-index:5;
  border:1px solid #665476;background:#1b1b32f0;color:#fff;
  border-radius:8px;width:35px;height:35px;font-size:24px;line-height:1;
}
.quick-close:hover {border-color:var(--cyan);color:var(--cyan);}
.quick-gallery {padding:20px;min-width:0;background:linear-gradient(150deg,#101b2e,#101427);}
.quick-main-image {
  min-height:280px;height:360px;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(ellipse,#2b2651,#0c1325 75%);
  border:1px solid #445477;border-radius:10px;overflow:hidden;
}
.quick-main-image img {width:100%;height:100%;object-fit:contain;}
.quick-thumbs {display:flex;gap:8px;overflow-x:auto;padding:10px 0 2px;}
.quick-thumbs button {
  width:70px;height:60px;flex:none;padding:3px;border-radius:6px;
  border:1px solid #3e4c68;background:#0c1424;
}
.quick-thumbs button.active {border-color:var(--cyan);box-shadow:0 0 11px #00f0f63b;}
.quick-thumbs img {width:100%;height:100%;object-fit:contain;}
.quick-info {min-width:0;padding:38px 25px 24px;}
.quick-kicker {font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#62f8fa;}
.quick-info h2 {font-size:clamp(22px,2.3vw,31px);line-height:1.17;margin:11px 38px 15px 0;}
.quick-description {font-size:13px;line-height:1.55;color:#b9c7dc;max-height:132px;overflow:auto;}
.quick-details {margin:10px 0 18px;padding-left:18px;color:#b9c7dc;font-size:12px;}
.quick-details li {margin:4px 0;}
.quick-variant-title {font-weight:800;font-size:12px;margin:17px 0 8px;}
.quick-variants {display:grid;gap:8px;max-height:185px;overflow:auto;}
.quick-variants button {
  display:flex;gap:12px;justify-content:space-between;align-items:center;
  text-align:left;border-radius:7px;padding:10px 12px;
  border:1px solid #41506f;background:#111c30;color:#e9f1ff;font-size:12px;
}
.quick-variants button.active {border-color:var(--cyan);box-shadow:inset 3px 0 0 var(--cyan),0 0 11px #00f0f61c;}
.quick-variants button strong {color:#baffff;white-space:nowrap;}
.quick-single-variant {margin-top:12px;color:#88eefd;font-size:12px;}
.quick-price {font-size:27px;font-weight:950;margin:22px 0 15px;}
.quick-cta {display:flex;flex-wrap:wrap;gap:9px;align-items:center;}
.quick-cta .btn,.quick-cta .outline {flex:1;text-align:center;font-size:12px;min-width:140px;}
.quick-unpriced {color:#b9c7dc;font-size:12px;flex:1;}
@media(max-width:720px) {
  .quick-backdrop {padding:10px;align-items:center;}
  .quick-dialog {grid-template-columns:1fr;max-height:calc(100dvh - 20px);}
  .quick-gallery {padding:12px;}
  .quick-main-image {height:220px;min-height:0;}
  .quick-thumbs button {height:50px;width:60px;}
  .quick-info {padding:16px;}
  .quick-info h2 {font-size:23px;margin-top:8px;margin-bottom:9px;}
  .quick-description {max-height:90px;}
  .quick-price {margin:13px 0;}
}
@media(prefers-reduced-motion:reduce) {
  .product-cyber,.product-cyber .product-image img,.product-cyber .product-quick {transition:none;}
  .product-cyber:hover::before {animation:none;}
}


.product-cyber[data-card] {cursor:pointer;}
.product-cyber[data-card]:focus-visible {
  outline:2px solid var(--cyan);
  outline-offset:3px;
  border-color:var(--cyan);
}
.product-cyber .product-image {cursor:pointer;}
.product-cyber .product-unpriced {font-size:11px;color:#9af6ff;}
.cart-product-link {
  display:block;
  padding:0;
  margin:0;
  border:0;
  background:transparent;
  color:inherit;
  text-align:left;
  cursor:pointer;
}
.cart-product-link:hover {color:var(--cyan);}
.cart-product-link:focus-visible {outline:2px solid var(--cyan);outline-offset:3px;}
.quick-tags {display:flex;flex-wrap:wrap;gap:6px;margin:13px 0 0;}
.quick-tags span {
  border:1px solid #3d5d79;
  border-radius:4px;
  padding:3px 7px;
  background:#142638;
  color:#c4d8ed;
  font-size:10px;
  line-height:1.2;
}
.quick-cta .btn {width:100%;}


.catalog-layout .shadow-sidebar .sidebar-heading-mark,
.catalog-layout .shadow-sidebar .sidebar-bottom,
.catalog-layout .shadow-sidebar .sidebar-dot {
  display: none !important;
}


.catalog-page {padding-top:25px;}
.catalog-breadcrumb {
  display:flex;
  align-items:center;
  gap:9px;
  margin-bottom:18px;
  color:#d9e4f5;
  font-size:12px;
  line-height:1.5;
}
.catalog-breadcrumb a {
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#a6b8d0;
  transition:color .18s ease;
}
.catalog-breadcrumb a:hover {color:var(--cyan);}
.catalog-breadcrumb svg {
  width:16px;
  height:16px;
  fill:none;
  stroke:var(--cyan);
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex-shrink:0;
}
.catalog-breadcrumb .catalog-crumb-arrow {
  width:12px;
  height:12px;
  stroke:var(--pink);
}
.catalog-breadcrumb [aria-current="page"] {color:#f0f5ff;font-weight:700;}
.catalog-heading {margin:0 0 22px;max-width:100%;}
.catalog-page .catalog-heading h1 {
  display:flex;
  align-items:baseline;
  gap:13px;
  margin:0 0 13px;
  font-size:clamp(25px,3vw,35px);
  line-height:1.18;
  font-weight:900;
  letter-spacing:.025em;
  text-transform:uppercase;
}
.catalog-heading-mark {
  color:var(--pink);
  font-size:.92em;
  font-weight:1000;
  font-style:italic;
  letter-spacing:-.16em;
  text-shadow:0 0 13px #ff35d363;
  padding-right:5px;
}
.catalog-heading-line {
  height:2px;
  width:min(540px,100%);
  border-radius:20px;
  background:linear-gradient(90deg,#ff35d3 0%,#00f0f6 55%,transparent 100%);
  box-shadow:0 0 9px #f734cc55;
}
.catalog-page .catalog-toolbar {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:17px;
}
.catalog-results {
  min-height:43px;
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:5px 8px 5px 12px;
  border:1px solid #344b65;
  border-radius:8px;
  background:linear-gradient(115deg,#101b2f,#0c1426);
  color:#a9bdd6;
  font-size:11px;
  font-weight:800;
  letter-spacing:.045em;
}
.catalog-results svg {
  width:17px;
  height:17px;
  flex-shrink:0;
  fill:none;
  stroke:var(--cyan);
  stroke-width:1.8;
}
.catalog-results-number {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  min-width:40px;
  height:30px;
  margin-left:3px;
  padding:0 9px;
  color:var(--cyan);
  background:#082b38;
  border:1px solid #08dfe0;
  border-radius:6px;
  box-shadow:0 0 11px #00f0f628;
  font-size:17px;
  font-weight:900;
  font-variant-numeric:tabular-nums;
}
.catalog-sort {
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:43px;
  max-width:100%;
  padding:0 8px 0 12px;
  border:1px solid #345670;
  background:linear-gradient(115deg,#101c30,#0c1629);
  border-radius:8px;
  color:var(--cyan);
  transition:border-color .2s ease,box-shadow .2s ease;
}
.catalog-sort:hover,.catalog-sort:focus-within {
  border-color:var(--cyan);
  box-shadow:0 0 12px #00f0f62b;
}
.catalog-sort svg {
  width:18px;
  height:18px;
  fill:none;
  stroke:var(--cyan);
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex-shrink:0;
}
.catalog-sort select {
  max-width:100%;
  min-width:148px;
  height:41px;
  padding:0 24px 0 1px;
  border:none;
  background:transparent;
  outline:none;
  color:#eef7ff;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
}
.catalog-sort select option {color:#f1f5ff;background:#11192b;}
.catalog-sort select:focus-visible {outline:2px solid var(--cyan);outline-offset:1px;}
.sr-only {
  position:absolute !important;
  width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
@media(max-width:850px) {
  .catalog-page {padding-top:20px;}
  .catalog-page .catalog-heading h1 {font-size:clamp(23px,4vw,31px);}
  .catalog-heading {margin-bottom:18px;}
}
@media(max-width:560px) {
  .catalog-breadcrumb {margin-bottom:13px;}
  .catalog-page .catalog-heading h1 {gap:10px;font-size:25px;}
  .catalog-page .catalog-toolbar {gap:9px;}
  .catalog-results {flex:1 1 150px;min-width:0;font-size:10px;gap:6px;padding-left:8px;}
  .catalog-results-number {min-width:34px;padding:0 6px;font-size:15px;}
  .catalog-sort {flex:1 1 150px;min-width:0;padding-left:8px;gap:5px;}
  .catalog-sort select {min-width:0;width:100%;font-size:11px;padding-right:12px;}
  .catalog-sort svg {width:15px;height:15px;}
}
@media(prefers-reduced-motion:reduce) {
  .catalog-breadcrumb a,.catalog-sort {transition:none;}
}


.shadow-header {
  background:linear-gradient(100deg,rgba(9,12,27,.97),rgba(13,18,38,.96) 58%,rgba(10,12,28,.97));
  border-bottom:1px solid #7b397e;
  box-shadow:0 6px 25px #0008,0 1px 14px #ff35d319;
}
.shadow-header::after {
  content:"";
  position:absolute;
  height:2px;
  left:0;right:0;bottom:-1px;
  pointer-events:none;
  background:linear-gradient(90deg,#00f0f6 0%,#00f0f600 21%,#ff35d3a6 52%,#00f0f680 80%,transparent);
  opacity:.65;
}
.shadow-header .topbar-in {
  height:76px;
  gap:17px;
  position:relative;
}
.shadow-header .shadow-main-nav {
  display:flex;
  align-items:center;
  gap:7px;
  margin-left:22px;
  flex:none;
  white-space:nowrap;
}
.shadow-header .header-nav-link {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  height:42px;
  border:1px solid transparent;
  border-radius:9px;
  padding:0 15px;
  background:transparent;
  color:#ced9f0;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
  transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.shadow-header .header-nav-link svg {
  width:18px;
  height:18px;
  flex-shrink:0;
  stroke:var(--cyan);
  fill:none;
  stroke-width:1.7;
  stroke-linejoin:round;
  stroke-linecap:round;
}
.shadow-header .header-nav-link .header-chevron {
  width:13px;
  height:13px;
  stroke:#ff64da;
  transition:transform .2s ease;
}
.shadow-header .header-nav-link:hover,.shadow-header .header-nav-link.active,.shadow-header .header-categories[open]>.header-nav-link {
  color:#f6f7ff;
  border-color:#00f0f64a;
  background:linear-gradient(110deg,#092838,#1c1632);
  box-shadow:inset 0 0 12px #00eaf10f,0 0 11px #00eaf11b;
}
.shadow-header .header-nav-link.active::after {
  content:"";
  width:4px;height:4px;
  margin-left:1px;
  background:var(--cyan);
  box-shadow:0 0 8px var(--cyan);
  border-radius:50%;
}
.shadow-header .header-categories {
  position:relative;
}
.shadow-header .header-categories>summary {
  list-style:none;
  user-select:none;
}
.shadow-header .header-categories>summary::-webkit-details-marker {display:none;}
.shadow-header .header-categories[open] .header-chevron {transform:rotate(180deg);}
.shadow-header .header-dropdown {
  position:absolute;
  top:calc(100% + 12px);
  left:0;
  z-index:50;
  width:280px;
  padding:12px;
  border:1px solid #00e5ef79;
  border-radius:12px;
  background:linear-gradient(145deg,#101a30,#0b1123 80%);
  box-shadow:0 15px 40px #000b,0 0 23px #00eaf125;
}
.shadow-header .header-dropdown-title {
  padding:3px 8px 11px;
  font-size:10px;
  font-weight:900;
  color:#8ba5c3;
  letter-spacing:.13em;
}
.shadow-header .header-category-option {
  display:flex;
  align-items:center;
  gap:10px;
  padding:9px 10px;
  border:1px solid transparent;
  border-radius:7px;
  font-size:12px;
  font-weight:750;
  color:#e5efff;
  transition:background .18s ease,border-color .18s ease;
}
.shadow-header .header-category-option:hover {
  background:#113144;
  border-color:#00e9f65a;
  color:#fff;
}
.shadow-header .header-option-icon {
  display:inline-grid;
  place-items:center;
  width:27px;
  height:27px;
  flex:none;
  border:1px solid #00f0f658;
  background:#07313a66;
  border-radius:6px;
  color:#00f0f6;
  font-size:16px;
}
.shadow-header .header-category-option:nth-of-type(even) .header-option-icon {
  border-color:#ff35d36a;
  color:#ff6ddd;
  background:#3517335c;
}
.shadow-header .header-category-option small {
  margin-left:auto;
  font-weight:700;
  color:#9cafc8;
}
.shadow-header .header-search {
  display:flex;
  align-items:center;
  flex:1 1 210px;
  min-width:125px;
  width:auto;
  max-width:360px;
  margin-left:auto;
  height:43px;
  padding:0 14px;
  gap:11px;
  border:1px solid #00f0f67e;
  border-radius:9px;
  background:linear-gradient(125deg,#0b2031,#0b1729);
  box-shadow:inset 0 0 14px #00f0f60a;
  transition:border-color .2s ease,box-shadow .2s ease;
}
.shadow-header .header-search:focus-within {
  border-color:#00f0f6;
  box-shadow:0 0 14px #00f0f63d,inset 0 0 12px #00f0f612;
}
.shadow-header .header-search svg {
  width:19px;height:19px;flex:none;fill:none;
  stroke:#74faff;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;
}
.shadow-header .header-search input {
  min-width:0;
  width:100%;
  height:100%;
  color:#f7faff;
  font-size:13px;
  font-weight:500;
}
.shadow-header .header-search input::placeholder {color:#879bb5;}
.shadow-header .header-cart {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  flex:none;
  height:43px;
  min-width:108px;
  padding:0 14px;
  border:1px solid #ff35d37a;
  border-radius:9px;
  background:linear-gradient(120deg,#22132d,#13192b);
  color:#f4f1ff;
  font-size:12px;
  font-weight:850;
  transition:background .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.shadow-header .header-cart:hover,.shadow-header .header-cart.active {
  border-color:#ff35d3;
  background:#2b1737;
  box-shadow:0 0 16px #ff35d338;
}
.shadow-header .header-cart svg {
  width:19px;height:19px;
  fill:none;stroke:#ff79e0;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;
}
.shadow-header .header-cart .count {
  position:static;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:19px;
  height:19px;
  padding:0 5px;
  border-radius:7px;
  font-size:10px;
  color:#fff;
  background:#d42fc0;
  box-shadow:0 0 10px #ff35d354;
}
.shadow-header .header-mobile-nav {display:none;}
.shadow-header .header-mobile-panel {display:none;}
@media(max-width:1000px) {
  .shadow-header .shadow-main-nav {margin-left:4px;gap:2px;}
  .shadow-header .header-nav-link {padding:0 10px;}
  .shadow-header .topbar-in {gap:11px;}
  .shadow-header .header-cart {min-width:43px;padding:0 10px;gap:7px;}
  .shadow-header .header-cart-text {display:none;}
}
@media(max-width:850px) {
  .shadow-header .topbar-in {height:64px;gap:10px;}
  .shadow-header .shadow-main-nav {display:none;}
  .shadow-header .header-mobile-nav.mobile-menu {display:block;position:relative;flex:none;}
  .shadow-header .header-mobile-nav>summary {
    list-style:none;
    display:grid;
    place-items:center;
    width:42px;height:42px;
    border:1px solid #00f0f674;
    border-radius:9px;
    background:#102438;
    color:#00f0f6;
    cursor:pointer;
  }
  .shadow-header .header-mobile-nav>summary::-webkit-details-marker {display:none;}
  .shadow-header .header-mobile-nav>summary svg {
    width:21px;height:21px;fill:none;stroke:currentColor;
    stroke-width:1.9;stroke-linecap:round;
  }
  .shadow-header .header-mobile-nav[open]>summary {
    background:#143747;
    border-color:#00f0f6;
    box-shadow:0 0 12px #00f0f63a;
  }
  .shadow-header .header-mobile-nav[open] .header-mobile-panel {
    display:flex;
    position:absolute;
    right:0;
    top:calc(100% + 11px);
    z-index:60;
    width:min(300px,calc(100vw - 28px));
    max-height:calc(100dvh - 85px);
    overflow-y:auto;
    padding:12px;
    flex-direction:column;
    gap:2px;
    border:1px solid #00f0f688;
    border-radius:11px;
    background:#10172a;
    box-shadow:0 17px 35px #000c;
  }
  .shadow-header .header-mobile-panel a {
    display:flex;
    align-items:center;
    gap:9px;
    padding:10px;
    border-radius:7px;
    color:#eaf3ff;
    font-size:13px;
    font-weight:750;
  }
  .shadow-header .header-mobile-panel a:hover {background:#113449;color:#fff;}
  .shadow-header .header-mobile-panel a svg {
    width:17px;height:17px;stroke:#00f0f6;
    stroke-width:1.6;fill:none;
  }
  .shadow-header .header-mobile-panel .header-mobile-cat {padding-left:15px;}
  .shadow-header .header-mobile-label {
    margin:8px 10px 3px;
    padding-top:10px;
    border-top:1px solid #34445c;
    color:#f36adc;
    font-size:10px;
    font-weight:900;
    letter-spacing:.13em;
  }
  .shadow-header .header-search {margin-left:auto;max-width:none;flex:1 1 120px;}
  .catalog-breadcrumb {display:flex;}
}
@media(max-width:560px) {
  .shadow-header .topbar-in {gap:7px;}
  .shadow-header .header-search {
    height:39px;
    min-width:0;
    flex:1 1 55px;
    padding:0 7px;
    gap:5px;
  }
  .shadow-header .header-search svg {width:15px;height:15px;}
  .shadow-header .header-search input {font-size:11px;}
  .shadow-header .header-cart {
    height:39px;min-width:39px;padding:0 7px;gap:0;
  }
  .shadow-header .header-cart svg {width:17px;height:17px;}
  .shadow-header .header-cart .count {
    position:absolute;
    top:-6px;right:-5px;
    min-width:16px;height:16px;
    font-size:9px;padding:0 3px;
  }
  .shadow-header .header-mobile-nav>summary {width:39px;height:39px;}
}
@media(prefers-reduced-motion:reduce) {
  .shadow-header .header-nav-link,.shadow-header .header-cart,.shadow-header .header-search,.shadow-header .header-category-option {
    transition:none;
  }
}


.shadow-sidebar .smart-filters {
  margin-top:16px;
  border-top:1px solid #33405f;
  padding-top:13px;
}
.shadow-sidebar .smart-filters-heading {
  display:flex;align-items:center;justify-content:space-between;gap:7px;margin-bottom:12px;
  color:#f3f6ff;font-size:11px;font-weight:900;letter-spacing:.08em;
}
.shadow-sidebar .filter-reset {
  padding:3px 6px;border:0;background:transparent;
  color:#65effa;font-size:10px;font-weight:750;cursor:pointer;
}
.shadow-sidebar .filter-reset:hover,.nothing .filter-reset:hover {color:#fff;text-decoration:underline;}
.shadow-sidebar .filter-field-title {
  display:block;margin:12px 0 7px;color:#a4b7d1;font-weight:700;font-size:11px;
}
.shadow-sidebar .server-filter {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;}
.shadow-sidebar .server-filter button {
  min-width:0;padding:8px 2px;border:1px solid #364863;border-radius:6px;
  background:#101a2d;color:#cfdbed;font-size:11px;font-weight:750;
}
.shadow-sidebar .server-filter button.active,.shadow-sidebar .server-filter button:hover {
  border-color:#00eaf2;color:#8bffff;background:#0a3340;
  box-shadow:inset 0 0 10px #00f0f618;
}
.shadow-sidebar .price-filter {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;}
.shadow-sidebar .price-filter label {display:block;min-width:0;color:#9eb1cd;font-size:10px;}
.shadow-sidebar .price-filter input {
  margin-top:4px;display:block;width:100%;min-width:0;height:36px;
  background:#0b1a2e;color:#f6f9ff;
  border:1px solid #395275;border-radius:6px;padding:5px 7px;font-size:12px;
}
.shadow-sidebar .price-filter input:focus {outline:1px solid var(--cyan);}
.shadow-sidebar .filter-priced-only {
  display:flex;align-items:center;gap:8px;margin-top:12px;
  font-size:11px;color:#d1e0ed;cursor:pointer;
}
.shadow-sidebar .filter-priced-only input {accent-color:#00ecf3;width:16px;height:16px;}
.nothing .filter-reset {border:1px solid var(--cyan);background:#0b2939;border-radius:6px;color:var(--cyan);padding:8px 12px;margin-left:9px;}

.shadow-header .header-search-shell {
  position:relative;display:block;flex:1 1 210px;
  min-width:0;max-width:360px;margin-left:auto;
}
.shadow-header .header-search-shell .header-search {
  display:flex;width:100%;max-width:none;min-width:0;margin:0;flex:none;
}
.shadow-header .search-dropdown {
  display:none;
  position:absolute;
  top:calc(100% + 9px);
  right:0;
  z-index:65;
  width:min(420px,calc(100vw - 26px));
  max-height:min(460px,70dvh);
  overflow-y:auto;
  padding:8px;
  border:1px solid #00e6f69e;
  border-radius:11px;
  background:linear-gradient(145deg,#111d33,#0b1122);
  box-shadow:0 20px 50px #000d,0 0 22px #00f0f62c;
}
.shadow-header .header-search-shell:focus-within .search-dropdown:not(:empty) {display:block;}
.shadow-header .search-result-title {
  display:flex;justify-content:space-between;align-items:center;
  padding:8px 10px;color:#62eff5;font-size:10px;font-weight:900;letter-spacing:.08em;
}
.shadow-header .search-result-title small {font-size:10px;font-weight:500;color:#91a6be;letter-spacing:normal;}
.shadow-header .search-result {
  display:flex;align-items:center;gap:9px;width:100%;
  padding:7px 8px;margin:2px 0;text-align:left;
  background:transparent;border:1px solid transparent;border-radius:7px;
  color:#ecf4ff;cursor:pointer;
}
.shadow-header .search-result:hover,.shadow-header .search-result:focus-visible {
  background:#103047;border-color:#00e8f47e;
}
.shadow-header .search-result img {
  width:49px;height:43px;flex-shrink:0;border-radius:5px;
  background:#14243c;object-fit:contain;
}
.shadow-header .search-result-body {min-width:0;flex:1;display:flex;flex-direction:column;gap:2px;}
.shadow-header .search-result-body strong {
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:12px;line-height:1.35;font-weight:800;
}
.shadow-header .search-result-body small {font-size:10px;color:#9daec8;}
.shadow-header .search-result>b {font-size:12px;white-space:nowrap;color:#8bfaff;}
.shadow-header .search-result-empty {margin:8px 9px;color:#a2b5cc;font-size:12px;}
.shadow-header .search-all {
  display:block;margin-top:7px;padding:9px;text-align:center;
  color:#80f6ff;font-size:11px;font-weight:750;
  border-top:1px solid #36455e;
}
.shadow-header .search-all:hover {color:#fff;}

.shadow-header .header-cart-wrap {position:relative;flex:none;}
.shadow-header .header-cart-preview {
  display:none;position:absolute;top:calc(100% + 10px);right:0;
  z-index:65;width:300px;padding:14px;
  border:1px solid #e34bcc98;border-radius:11px;
  color:#ecf3ff;background:linear-gradient(145deg,#151b31,#101325);
  box-shadow:0 18px 48px #000c,0 0 20px #f23ed22b;
}
.shadow-header .cart-preview-heading {
  display:flex;justify-content:space-between;gap:7px;
  font-size:12px;letter-spacing:.08em;font-weight:900;
  padding-bottom:10px;border-bottom:1px solid #34425c;
}
.shadow-header .cart-preview-heading span {font-weight:500;letter-spacing:normal;color:#a7b8cd;}
.shadow-header .cart-preview-line {
  display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid #29364d;
}
.shadow-header .cart-preview-line img {width:48px;height:42px;object-fit:contain;background:#15223a;border-radius:4px;}
.shadow-header .cart-preview-line>span {display:flex;flex-direction:column;gap:3px;min-width:0;}
.shadow-header .cart-preview-line strong {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;}
.shadow-header .cart-preview-line small {font-size:10px;color:#9dafc6;}
.shadow-header .cart-preview-empty,.shadow-header .cart-preview-more {font-size:11px;color:#9aacc6;}
.shadow-header .cart-preview-total {display:flex;justify-content:space-between;gap:7px;padding:12px 0;color:#bcd1e5;font-size:12px;}
.shadow-header .cart-preview-total strong {font-size:16px;color:#fff;}
.shadow-header .cart-preview-open {
  display:block;padding:10px 12px;border-radius:6px;text-align:center;
  font-size:12px;font-weight:900;color:#081225;background:#ed42d5;
}
.shadow-header .cart-preview-open:hover {background:#ff75e8;}
@media(hover:hover) and (min-width:851px) {
  .shadow-header .header-cart-wrap:hover .header-cart-preview,
  .shadow-header .header-cart-wrap:focus-within .header-cart-preview {display:block;}
}
@keyframes shadow-cart-bump {
  0%,100% {transform:scale(1);}
  40% {transform:scale(1.10);box-shadow:0 0 20px #ff35d399;}
}
.shadow-header .header-cart.cart-bump {animation:shadow-cart-bump .4s ease-out;}

.product-cyber .product-image {isolation:isolate;}
.product-cyber .product-image img.product-image-backdrop {
  position:absolute;inset:-9px;
  width:calc(100% + 18px);height:calc(100% + 18px);
  object-fit:cover;
  filter:blur(14px) brightness(.36) saturate(1.3);
  opacity:.8;
  transform:scale(1.1);
  z-index:0;
  pointer-events:none;
}
.product-cyber .product-image img:not(.product-image-backdrop) {
  position:relative;z-index:1;
  object-fit:contain;
  filter:brightness(1.04) contrast(1.08) saturate(1.08);
}
.product-cyber:hover .product-image img.product-image-backdrop {transform:scale(1.1);}
.product-cyber .product-image::after {z-index:2;}
.quick-gallery .quick-main-image {
  position:relative;display:flex;
  width:100%;padding:0;
  isolation:isolate;
  cursor:zoom-in;
  appearance:none;
  color:inherit;
}
.quick-gallery .quick-main-image .quick-image-backdrop {
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;
  filter:blur(16px) brightness(.35) saturate(1.15);
  opacity:.8;transform:scale(1.1);
  z-index:0;
}
.quick-gallery .quick-main-image .quick-image-original {
  position:relative;z-index:1;
  width:100%;height:100%;object-fit:contain;
  filter:brightness(1.04) contrast(1.07);
  transition:transform .3s ease;
}
.quick-gallery .quick-main-image.is-zoomed {cursor:zoom-out;}
.quick-gallery .quick-main-image.is-zoomed .quick-image-original {transform:scale(1.8);}
.quick-gallery .quick-main-image:focus-visible {outline:2px solid var(--cyan);outline-offset:2px;}

.cart-page-heading {display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:22px;}
.cart-page .cart-page-heading h1 {font-size:clamp(26px,3vw,36px);margin:0;}
.cart-page-heading>span {color:#9fb5ce;border:1px solid #344969;padding:5px 9px;border-radius:5px;font-size:12px;}
.cart-page .cart-layout {grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:20px;}
.cart-page .cart-lines {padding:18px;}
.cart-page .cart-line {
  display:grid;
  grid-template-columns:94px minmax(0,1fr) max-content 27px;
  gap:14px;
  align-items:center;
  border-bottom:1px solid #35425c;
  padding:15px 0;
}
.cart-page .cart-line:first-child {padding-top:0;}
.cart-page .cart-line img {
  display:block;width:94px;height:86px;
  border:1px solid #3a4d6c;border-radius:8px;
  background:radial-gradient(ellipse,#202345,#10182d);
  object-fit:contain;
}
.cart-page .cart-line .cart-product-link {font-size:14px;}
.cart-page .cart-line .cart-product-link strong {font-size:14px;line-height:1.35;}
.cart-page .cart-line .cart-row-info>small {display:block;margin-top:5px;color:#76e9ef;}
.cart-page .cart-line-total {font-size:16px;white-space:nowrap;color:#f4f6ff;}
.cart-page .cart-line .qty {background:#0c2032;border-color:#3a657c;}
.cart-page .cart-line .qty button:hover {color:#fff;background:#154358;}
.cart-page .cart-line .remove {margin:0;justify-self:end;color:#d8a5ce;}
.cart-page .cart-continue {
  display:inline-flex;margin-top:19px;
  color:#8cfaff;font-weight:800;font-size:12px;
}
.cart-page .cart-continue:hover {color:#fff;}
.cart-page .cart-empty {text-align:center;padding:44px 10px;}
.cart-page .cart-empty-icon {font-size:38px;color:var(--cyan);text-shadow:0 0 18px #00f0f6a9;}
.cart-page .cart-empty h2 {font-size:19px;margin:8px 0;}
.cart-page .cart-empty p {color:#9cadc8;font-size:13px;margin-bottom:23px;}
.cart-page .cart-checkout {
  position:sticky;top:95px;
  padding:19px;
  border:1px solid #f04edb75;
  background:linear-gradient(150deg,#141b31,#141229);
  box-shadow:0 0 22px #ed32d518;
}
.cart-page .cart-checkout h3 {margin:0 0 20px;font-size:15px;letter-spacing:.06em;}
.cart-page .cart-checkout-stat {display:flex;justify-content:space-between;gap:12px;margin:11px 0;font-size:12px;color:#afc2d9;}
.cart-page .cart-checkout-stat strong {font-weight:800;color:#e9f8ff;}
.cart-page .cart-checkout-total {border-top:1px solid #45516f;padding-top:15px;margin:19px 0;}
.cart-page .cart-checkout-total strong {font-size:25px;}
.cart-page .cart-checkout-tip {font-size:11px;line-height:1.55;color:#b4c5dd;background:#0e2433;border:1px solid #34536a;border-radius:7px;padding:11px;}
.cart-page .cart-copy-btn {margin-top:12px;font-size:12px;line-height:1.3;}
.cart-page .cart-copy-btn:disabled {opacity:.4;cursor:not-allowed;filter:none;}
.cart-page .cart-clear {
  display:block;margin:12px auto 0;background:transparent;border:0;
  color:#e39cdb;font-size:11px;
}
.cart-page .cart-clear:hover {color:#fff;text-decoration:underline;}

.scroll-reveal {
  opacity:0;
  translate:0 18px;
  transition:opacity .55s ease,translate .55s ease,transform .25s ease;
}
.scroll-reveal.is-visible {opacity:1;translate:0 0;}

.shadow-mobile-dock {display:none;}
@media(max-width:1000px) {
  .shadow-header .header-search-shell {flex:1 1 110px;}
}
@media(max-width:850px) {
  body {padding-bottom:calc(66px + env(safe-area-inset-bottom,0px));}
  .shadow-header .header-search-shell {flex:1 1 120px;max-width:none;min-width:0;}
  .shadow-header .header-search-shell .header-search {height:43px;}
  .shadow-header .header-cart-preview {display:none!important;}
  .shadow-mobile-dock {
    position:fixed;display:flex;align-items:stretch;left:0;right:0;bottom:0;z-index:40;
    min-height:calc(63px + env(safe-area-inset-bottom,0px));
    padding:5px max(8px,env(safe-area-inset-left,0px)) calc(5px + env(safe-area-inset-bottom,0px));
    border-top:1px solid #00f0f66b;
    background:linear-gradient(95deg,#0b1124f9,#12142cf9);
    backdrop-filter:blur(14px);
    box-shadow:0 -7px 25px #0008;
  }
  .shadow-mobile-dock a,.shadow-mobile-dock button {
    position:relative;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;
    min-width:0;gap:2px;border:0;border-radius:8px;padding:4px;
    background:transparent;color:#9ab1ca;font-size:10px;font-weight:800;cursor:pointer;
  }
  .shadow-mobile-dock a.active,.shadow-mobile-dock button:focus-visible {color:#66f9ff;background:#103048;}
  .shadow-mobile-dock svg {
    width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;
  }
  .shadow-mobile-dock b {
    position:absolute;top:0;left:calc(50% + 8px);
    background:#e52bd2;color:#fff;border-radius:10px;
    font-size:9px;min-width:15px;padding:0 3px;
  }
  #toast {bottom:calc(78px + env(safe-area-inset-bottom,0px));}
  .cart-page .cart-layout {grid-template-columns:1fr;}
  .cart-page .cart-checkout {position:static;}
  .shadow-sidebar .smart-filters {margin-top:12px;}
}
@media(max-width:560px) {
  .shadow-header .header-search-shell .header-search {height:39px;}
  .shadow-header .search-dropdown {width:min(340px,calc(100vw - 18px));}
  .shadow-header .search-result img {height:38px;width:41px;}
  .shadow-header .search-result>b {font-size:10px;}
  .quick-gallery .quick-main-image .quick-image-backdrop {display:none;}
  .product-cyber .product-image img.product-image-backdrop {filter:blur(9px) brightness(.34);opacity:.5;}
  .cart-page .cart-lines {padding:12px;}
  .cart-page .cart-line {grid-template-columns:62px minmax(0,1fr) auto;gap:9px;align-items:start;}
  .cart-page .cart-line img {width:62px;height:66px;}
  .cart-page .cart-line .cart-row-info {min-width:0;}
  .cart-page .cart-line .cart-product-link strong {font-size:12px;}
  .cart-page .cart-line-total {grid-column:2;justify-self:start;font-size:14px;}
  .cart-page .cart-line .remove {grid-column:3;grid-row:1;}
}
@media(prefers-reduced-motion:reduce) {
  .scroll-reveal {opacity:1;translate:none;transition:none;}
  .quick-gallery .quick-main-image .quick-image-original {transition:none;}
  .shadow-header .header-cart.cart-bump {animation:none;}
}


@media(hover:hover) and (min-width:851px) {
  .shadow-header .header-cart-preview::before {
    content:"";position:absolute;top:-12px;left:0;right:0;height:12px;
  }
}


.catalog-page .catalog-toolbar {position:relative;z-index:10;}
.catalog-page .shadow-sort {
  position:relative;flex:0 0 auto;min-width:199px;
  color:#eaf4ff;font-size:13px;
}
.catalog-page .shadow-sort-trigger {
  display:flex;align-items:center;gap:10px;
  min-height:44px;
  padding:0 13px;
  border:1px solid #1cbbd2;
  border-radius:9px;
  background:linear-gradient(110deg,#0d2a39,#11162a 75%);
  box-shadow:inset 0 0 15px #00f0f611,0 0 10px #00eaf213;
  color:#eef7ff;
  font-size:12px;font-weight:800;
  list-style:none;
  cursor:pointer;
  user-select:none;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.catalog-page .shadow-sort-trigger::-webkit-details-marker {display:none;}
.catalog-page .shadow-sort-trigger:hover,
.catalog-page .shadow-sort[open] .shadow-sort-trigger {
  border-color:#00f0f6;
  background:linear-gradient(100deg,#103342,#18172e);
  box-shadow:0 0 15px #00f0f639,inset 0 0 13px #00f0f617;
}
.catalog-page .shadow-sort-trigger:focus-visible {
  outline:2px solid #00f0f6;outline-offset:2px;
}
.catalog-page .shadow-sort-trigger svg {
  display:block;width:18px;height:18px;flex:none;
  fill:none;stroke:#00f0f6;stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round;
}
.catalog-page .shadow-sort-current {
  flex:1;min-width:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;
}
.catalog-page .shadow-sort-trigger svg.shadow-sort-arrow {
  width:15px;height:15px;stroke:#ff5bdc;
  transition:transform .2s ease;
}
.catalog-page .shadow-sort[open] .shadow-sort-arrow {transform:rotate(180deg);}
.catalog-page .shadow-sort-menu {
  position:absolute;top:calc(100% + 9px);right:0;z-index:60;
  width:max(100%,230px);
  padding:8px;
  border:1px solid #9e3dba;
  border-radius:11px;
  background:linear-gradient(150deg,#151c33 0%,#0b1427 70%,#161126 100%);
  box-shadow:0 22px 42px #000c,0 0 22px #e235d72c;
  overflow:hidden;
}
.catalog-page .shadow-sort-caption {
  margin:0 4px 6px;
  padding:7px 8px 10px;
  border-bottom:1px solid #34405e;
  color:#df82e0;
  font-size:10px;font-weight:900;letter-spacing:.14em;
}
.catalog-page .shadow-sort-option {
  display:flex;align-items:center;gap:10px;
  width:100%;min-height:41px;
  padding:8px 10px;
  border:1px solid transparent;border-radius:7px;
  background:transparent;
  color:#dce9f9;
  text-align:left;font-size:12px;font-weight:750;
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease,color .18s ease;
}
.catalog-page .shadow-sort-option:hover,
.catalog-page .shadow-sort-option:focus-visible {
  color:#fff;background:#183148;
  border-color:#00f0f67a;
  outline:none;
}
.catalog-page .shadow-sort-option.selected {
  color:#8cfcff;
  border-color:#00e9f658;
  background:linear-gradient(90deg,#07343f,#152239);
  box-shadow:inset 2px 0 0 #00f0f6;
}
.catalog-page .shadow-sort-indicator {
  display:block;width:7px;height:7px;flex:none;
  border:1px solid #647b9b;border-radius:2px;
  transform:rotate(45deg);
}
.catalog-page .shadow-sort-option.selected .shadow-sort-indicator {
  border-color:#00efff;background:#00efff;box-shadow:0 0 9px #00efff;
}
.catalog-page .shadow-sort-option svg {
  width:15px;height:15px;margin-left:auto;flex:none;
  fill:none;stroke:#00f0f6;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;
}
@media(max-width:560px) {
  .catalog-page .shadow-sort {flex:1 1 150px;min-width:0;}
  .catalog-page .shadow-sort-trigger {padding:0 8px;gap:7px;min-height:43px;}
  .catalog-page .shadow-sort-trigger svg {width:15px;height:15px;}
  .catalog-page .shadow-sort-trigger svg.shadow-sort-arrow {width:13px;height:13px;}
  .catalog-page .shadow-sort-current {font-size:11px;}
  .catalog-page .shadow-sort-menu {
    width:max(100%,min(230px,calc(100vw - 28px)));
    max-width:calc(100vw - 28px);
  }
  .catalog-page .shadow-sort-option {min-height:44px;}
}
@media(prefers-reduced-motion:reduce) {
  .catalog-page .shadow-sort-trigger,
  .catalog-page .shadow-sort-trigger svg.shadow-sort-arrow,
  .catalog-page .shadow-sort-option {transition:none;}
}


.hero .hero-sheen {
  opacity:.94;
  animation-duration:3.4s;
  background:linear-gradient(105deg,transparent 27%,#00f0f600 37%,#00f0f63b 44%,#ffffff4d 49%,#ff35d339 54%,transparent 63%);
}
.hero .hero-eye-glow {
  animation-duration:2.6s;
  background:
    radial-gradient(ellipse 10% 7% at 68% 30%,#f845f888,transparent 100%),
    radial-gradient(ellipse 18% 12% at 79% 60%,#00e9ff3b,transparent 100%);
}
.hero .hero-fog {
  animation-duration:6.5s;
  filter:blur(18px);
}
.hero .hero-glitch {animation-duration:5.2s;}
.hero .hero-border-run rect {animation-duration:2.8s;}
.hero .hero-electric-field,.hero .hero-scanlines {
  position:absolute;inset:0 0 0 48%;
  pointer-events:none;
}
.hero .hero-electric-field {
  z-index:4;
  background:
    radial-gradient(ellipse 19% 28% at 70% 38%,#ff2dd249,transparent 100%),
    radial-gradient(ellipse 26% 39% at 76% 78%,#00f0f63f,transparent 100%),
    radial-gradient(ellipse 35% 29% at 37% 50%,#4c5eff22,transparent 100%);
  mix-blend-mode:screen;
  opacity:.38;
  animation:shadow-hero-electric-pulse 2.9s ease-in-out infinite;
}
.hero .hero-scanlines {
  z-index:5;
  background:repeating-linear-gradient(180deg,transparent 0px,transparent 6px,#86effb24 7px,transparent 8px);
  mix-blend-mode:screen;
  opacity:.09;
  animation:shadow-hero-scanlines 8s linear infinite;
}
@keyframes shadow-hero-electric-pulse {
  0%,100% {opacity:.25;transform:scale(1);}
  27%,54% {opacity:.72;transform:scale(1.025);}
  36%,64% {opacity:.43;transform:scale(1.005);}
}
@keyframes shadow-hero-scanlines {
  0% {opacity:.07;transform:translateY(-10px);}
  50% {opacity:.15;}
  100% {opacity:.07;transform:translateY(10px);}
}
.hero .hero-electric-title {
  position:relative;
  isolation:isolate;
  max-width:650px;
  animation:shadow-hero-title-charge 6s steps(1,end) infinite;
}
.hero .hero-title-line {
  position:relative;
  z-index:2;
  display:block;
  width:max-content;
  max-width:100%;
  color:#f3f4ff;
}
.hero .hero-title-line::after {
  content:attr(data-text);
  position:absolute;inset:0;
  color:transparent;
  background:linear-gradient(105deg,transparent 23%,#00f5ff 41%,#f7ffff 47%,#ff39dd 54%,#8b6cff 60%,transparent 76%);
  background-size:260% 100%;
  background-position:200% 50%;
  -webkit-background-clip:text;
  background-clip:text;
  opacity:0;
  filter:drop-shadow(0 0 7px #00f0f666) drop-shadow(0 0 10px #ff35d355);
  pointer-events:none;
  animation:shadow-hero-title-rgb 6s linear infinite;
}
.hero .hero-title-line:nth-child(2)::after {animation-delay:.16s;}
.hero .hero-title-lightning {
  position:absolute;
  left:18%;top:-74px;
  width:92px;height:190px;
  z-index:5;
  pointer-events:none;
  overflow:visible;
  opacity:0;
  transform:translateY(-22px) scaleY(.55);
  transform-origin:50% 85%;
  filter:drop-shadow(0 0 7px #dcffff) drop-shadow(0 0 15px #00f0f6) drop-shadow(0 0 22px #ff35d3);
  animation:shadow-hero-title-strike 6s steps(1,end) infinite;
}
.hero .hero-title-lightning path {
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:bevel;
}
.hero .hero-lightning-glow {
  stroke:#00dff5;
  stroke-width:12;
  opacity:.6;
}
.hero .hero-lightning-core {
  stroke:#f7ffff;
  stroke-width:3.3;
}
.hero .hero-title-impact {
  position:absolute;
  z-index:4;
  pointer-events:none;
  inset:-18px -20px;
  opacity:0;
  background:radial-gradient(ellipse at 32% 31%,#ffffff6c 0%,#00f0f63b 19%,#ff35d31c 43%,transparent 70%);
  filter:blur(12px);
  animation:shadow-hero-title-impact 6s steps(1,end) infinite;
}
@keyframes shadow-hero-title-strike {
  0%,7.9%,13%,100% {opacity:0;transform:translateY(-22px) scaleY(.55);}
  8% {opacity:1;transform:translateY(0) scaleY(1);}
  8.8% {opacity:.22;transform:translateX(2px) scaleY(1);}
  9.6%,10.4% {opacity:1;transform:translateX(-2px) scaleY(1);}
  11.2%,12.2% {opacity:.4;transform:translateX(1px) scaleY(1);}
}
@keyframes shadow-hero-title-impact {
  0%,7.9%,13.2%,100% {opacity:0;}
  8%,9.6% {opacity:.9;}
  8.8%,11% {opacity:.25;}
  12.5% {opacity:.12;}
}
@keyframes shadow-hero-title-charge {
  0%,7.9%,13.2%,100% {filter:none;}
  8%,9.6% {filter:brightness(1.65) drop-shadow(0 0 17px #8ffcff);}
  8.8%,11% {filter:brightness(1.15) drop-shadow(0 0 8px #ff35d380);}
}
@keyframes shadow-hero-title-rgb {
  0%,13% {background-position:200% 50%;opacity:0;}
  14% {background-position:190% 50%;opacity:.95;}
  35% {background-position:10% 50%;opacity:1;}
  47% {background-position:-100% 50%;opacity:.95;}
  50%,100% {background-position:-100% 50%;opacity:0;}
}
@media(max-width:850px) {
  .hero .hero-title-lightning {left:15%;top:-55px;width:70px;height:150px;}
  .hero .hero-electric-field {opacity:.35;}
  .hero .hero-scanlines {opacity:.06;}
  .hero .hero-fog {filter:blur(12px);}
}
@media(max-width:560px) {
  .hero .hero-title-lightning {left:12%;top:-42px;width:55px;height:124px;}
  .hero .hero-title-impact {inset:-10px;}
  .hero .hero-scanlines {display:none;}
}
@media(prefers-reduced-motion:reduce) {
  .hero .hero-title-line::after,
  .hero .hero-title-lightning,
  .hero .hero-title-impact,
  .hero .hero-electric-field,
  .hero .hero-scanlines {animation:none!important;}
  .hero .hero-title-line::after,
  .hero .hero-title-lightning,
  .hero .hero-title-impact {opacity:0!important;}
  .hero .hero-electric-title {animation:none!important;filter:none!important;}
  .hero .hero-electric-field {opacity:.16;transform:none;}
  .hero .hero-scanlines {opacity:.04;transform:none;}
  .hero .hero-sheen,.hero .hero-eye-glow,.hero .hero-fog,.hero .hero-glitch,.hero .hero-border-run rect {
    animation:none!important;
  }
}