html:not(.no-charge){
  --seam-line:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--blue2) 48%,transparent) 28%,color-mix(in srgb,var(--accent) 55%,transparent) 72%,transparent 100%);
  --seam-glow:color-mix(in srgb,var(--blue2) 22%,transparent);
  --seam-spark:color-mix(in srgb,var(--blue2) 78%,white);
}
html:not(.no-charge)[data-theme="dark"]{
  --seam-glow:color-mix(in srgb,var(--blue2) 34%,transparent);
  --seam-spark:color-mix(in srgb,var(--blue2) 70%,white);
}


html:not(.no-charge):not([data-theme="dark"]) body{
  background:
    radial-gradient(1100px 560px at 50% -8%,color-mix(in srgb,var(--blue2) 12%,transparent) 0%,transparent 70%),
    radial-gradient(900px 520px at 50% 108%,color-mix(in srgb,var(--accent) 9%,transparent) 0%,transparent 72%),
    linear-gradient(160deg,var(--bg-deep-1) 0%,var(--bg-deep-2) 48%,var(--bg) 100%);
}


html:not(.no-charge) body::before{
  content:'';position:fixed;inset:-14%;z-index:-2;pointer-events:none;
  background:
    linear-gradient(115deg,transparent 33%,color-mix(in srgb,var(--blue2) 9%,transparent) 47%,transparent 56%),
    linear-gradient(115deg,transparent 61%,color-mix(in srgb,var(--accent) 7%,transparent) 73%,transparent 83%);
  opacity:.75;
  transform:translate3d(calc(var(--bg-parallax-x,0px) * .35),calc(var(--bg-parallax-y,0px) * .22),0);
  transition:transform .16s linear;
  will-change:transform;
}
html:not(.no-charge)[data-theme="dark"] body::before{opacity:.55}


html:not(.no-charge) #bg-blobs::after{
  content:'';position:fixed;inset:0;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:150px 150px;
  opacity:.04;mix-blend-mode:overlay;
}
html:not(.no-charge)[data-theme="dark"] #bg-blobs::after{opacity:.05}


html:not(.no-charge) #products{
  background:color-mix(in srgb,var(--bg2) 78%,transparent);
  -webkit-backdrop-filter:blur(5px) saturate(1.05);
  backdrop-filter:blur(5px) saturate(1.05);
  border-top:1px solid transparent;border-bottom:1px solid transparent;
  border-image:var(--seam-line) 1;
}
html:not(.no-charge) #recently-viewed,
html:not(.no-charge) #ordered-again{
  position:relative;
  background:color-mix(in srgb,var(--bg) 60%,transparent);
  -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
  border-top:1px solid transparent;border-image:var(--seam-line) 1;
}


html:not(.no-charge) #products::after,
html:not(.no-charge) #recently-viewed::before,
html:not(.no-charge) #ordered-again::before{
  content:'';position:absolute;left:0;right:0;top:-1px;height:2px;pointer-events:none;z-index:3;
  background:linear-gradient(90deg,
    transparent 0%,transparent 38%,
    color-mix(in srgb,var(--accent) 60%,transparent) 46%,
    var(--seam-spark) 50%,
    color-mix(in srgb,var(--blue2) 55%,transparent) 54%,
    transparent 62%,transparent 100%);
  background-size:240% 100%;
  filter:blur(.3px) drop-shadow(0 0 4px color-mix(in srgb,var(--blue2) 55%,transparent));
  opacity:1;
  animation:sa-seam-flow 7.5s linear infinite;
}
@keyframes sa-seam-flow{0%{background-position:120% 0}100%{background-position:-20% 0}}


html:not(.no-charge) .hero-visual::before{
  display:block;content:'';position:absolute;z-index:0;pointer-events:none;
  left:50%;top:50%;width:min(720px,58vw);height:min(560px,46vh);
  transform:translate(calc(-50% + 40px),-50%);
  background:
    radial-gradient(closest-side,color-mix(in srgb,var(--blue2) 15%,transparent) 0%,transparent 70%),
    radial-gradient(closest-side,color-mix(in srgb,var(--accent) 8%,transparent) 30%,transparent 72%);
  filter:blur(26px);opacity:.9;
  animation:sa-hero-pulse 6.5s ease-in-out infinite alternate;
}
html:not(.no-charge)[data-theme="dark"] .hero-visual::before{
  background:
    radial-gradient(closest-side,color-mix(in srgb,var(--blue2) 26%,transparent) 0%,transparent 70%),
    radial-gradient(closest-side,color-mix(in srgb,var(--accent) 12%,transparent) 32%,transparent 74%);
  opacity:1;
}
@keyframes sa-hero-pulse{
  from{opacity:.72;transform:translate(calc(-50% + 40px),-50%) scale(.97)}
  to{opacity:1;transform:translate(calc(-50% + 40px),-50%) scale(1.04)}
}
@media(max-width:1024px){
  html:not(.no-charge) .hero-visual::before{width:min(440px,80vw);height:min(360px,40vh);transform:translate(-50%,-50%);animation-name:sa-hero-pulse-c}
}
@keyframes sa-hero-pulse-c{
  from{opacity:.6;transform:translate(-50%,-50%) scale(.97)}
  to{opacity:.9;transform:translate(-50%,-50%) scale(1.04)}
}
@media(prefers-reduced-motion:reduce){
  html:not(.no-charge) .hero-visual::before{animation:none}
}

@media(prefers-reduced-motion:reduce){
  html:not(.no-charge) #products,
  html:not(.no-charge) #recently-viewed,
  html:not(.no-charge) #ordered-again{backdrop-filter:none;-webkit-backdrop-filter:none}
  html:not(.no-charge) body::before{transform:none;transition:none}
  html:not(.no-charge) #products::after,
  html:not(.no-charge) #recently-viewed::before,
  html:not(.no-charge) #ordered-again::before{
    animation:none;background:radial-gradient(55% 100% at 50% 0,var(--seam-glow) 0%,transparent 72%);height:3px;filter:blur(2px)
  }
}


html:not(.no-charge) #reseller-cta .rcta-inner{
  background-color:#0b0e14;
  background-image:
    
    linear-gradient(125deg,rgba(10,24,54,.42) 0%,rgba(20,42,99,.30) 46%,rgba(74,52,140,.34) 80%,rgba(104,70,168,.40) 100%),
    
    linear-gradient(27deg,#1b2330 6px,transparent 6px),
    linear-gradient(207deg,#1b2330 6px,transparent 6px),
    linear-gradient(27deg,#28323f 6px,transparent 6px),
    linear-gradient(207deg,#28323f 6px,transparent 6px),
    linear-gradient(90deg,#0e131b 12px,transparent 12px),
    linear-gradient(#1a222e 25%,#10151d 25%,#10151d 50%,transparent 50%,transparent 75%,#232d3b 75%,#232d3b);
  background-size:100% 100%,24px 24px,24px 24px,24px 24px,24px 24px,24px 24px,24px 24px;
  background-position:0 0,0 6px,12px 0,0 12px,12px 6px,0 0,0 0;
  border-color:rgba(120,170,255,.22);
  box-shadow:0 22px 60px rgba(6,10,24,.46),inset 0 1px 0 rgba(255,255,255,.07),inset 0 0 0 1px rgba(0,0,0,.4);
}

html:not(.no-charge) #reseller-cta .rcta-inner::before{
  content:'';position:absolute;left:0;right:0;top:0;height:2px;z-index:2;pointer-events:none;
  background:linear-gradient(90deg,transparent 6%,color-mix(in srgb,var(--blue2) 70%,transparent) 34%,color-mix(in srgb,var(--accent) 72%,transparent) 66%,transparent 94%);
  opacity:.85;
}


html:not(.no-charge) #site-footer{
  position:relative;
  background:
    linear-gradient(180deg,rgba(255,255,255,.075) 0%,rgba(255,255,255,.015) 9%,rgba(255,255,255,0) 20%),
    radial-gradient(130% 80% at 50% -18%,rgba(120,170,255,.12),transparent 60%),
    linear-gradient(180deg,#0b0e13 0%,#080b10 55%,#060809 100%);
  border-top:1px solid rgba(120,170,255,.18);
  color:#e6ecf5;
}

html:not(.no-charge) #site-footer::before{
  content:'';position:absolute;left:0;right:0;top:0;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent 8%,color-mix(in srgb,var(--blue2) 60%,transparent) 40%,color-mix(in srgb,var(--accent) 55%,transparent) 62%,transparent 92%);
  opacity:.7;
}
html:not(.no-charge) #site-footer .foot-desc,
html:not(.no-charge) #site-footer .foot-contact,
html:not(.no-charge) #site-footer .foot-links li a,
html:not(.no-charge) #site-footer .foot-copy,
html:not(.no-charge) #site-footer .foot-legal a{color:#9cb0c8}
html:not(.no-charge) #site-footer .foot-col-title,
html:not(.no-charge) #site-footer .foot-links li a:hover,
html:not(.no-charge) #site-footer .foot-legal a:hover,
html:not(.no-charge) #site-footer .foot-contact a:hover{color:#fff}
html:not(.no-charge) #site-footer .foot-trust-item{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.10);color:#9cb0c8}
html:not(.no-charge) #site-footer .foot-trust-item strong{color:#dbe6f5}
html:not(.no-charge) #site-footer .foot-bottom,
html:not(.no-charge) #site-footer .foot-trust{border-color:rgba(255,255,255,.10)}


html:not(.no-charge) .feat-card{
  background:
    repeating-linear-gradient(90deg,rgba(120,150,190,.05) 0 1px,transparent 1px 3px),
    linear-gradient(180deg,color-mix(in srgb,var(--blue2) 6%,transparent),transparent 44%),
    var(--bg2);
}
html:not(.no-charge) .feat-card:hover{
  border-color:color-mix(in srgb,var(--blue2) 34%,var(--border));
  box-shadow:0 14px 34px rgba(15,23,42,.14),inset 0 1px 0 rgba(255,255,255,.06);
}


html:not(.no-charge) #products,
html:not(.no-charge):not([data-theme="dark"]) #products{
  background-color:#090c11 !important;
  background-image:
    linear-gradient(to right,transparent 0%,transparent 42%,rgba(9,12,17,.55) 62%,rgba(9,12,17,.88) 78%,rgba(9,12,17,.98) 92%),
    linear-gradient(to bottom,rgba(0,0,0,.42) 0%,transparent 20%,transparent 80%,rgba(0,0,0,.42) 100%),
    radial-gradient(60% 80% at -4% 50%,rgba(120,170,255,.09),transparent 70%),
    radial-gradient(120% 74% at 32% -10%,rgba(214,228,255,.11),transparent 56%),
    linear-gradient(27deg,#1c2533 2px,transparent 2px),
    linear-gradient(207deg,#1c2533 2px,transparent 2px),
    linear-gradient(27deg,#2b3846 2.5px,transparent 2.5px),
    linear-gradient(207deg,#2b3846 2.5px,transparent 2.5px),
    linear-gradient(90deg,#0b1019 4px,transparent 4px),
    linear-gradient(#192130 25%,#0c1219 25%,#0c1219 50%,transparent 50%,transparent 75%,#263040 75%,#263040) !important;
  background-size:100% 100%,100% 100%,100% 100%,100% 100%,8px 8px,8px 8px,8px 8px,8px 8px,8px 8px,8px 8px;
  background-position:0 0,0 0,0 0,0 0,0 2px,4px 0,0 4px,4px 2px,0 0,0 0;
  -webkit-backdrop-filter:none;backdrop-filter:none;
  border-image:none;
  border-top:1px solid rgba(120,170,255,.18);
  border-bottom:1px solid rgba(120,170,255,.12);
}
html:not(.no-charge):not([data-theme="dark"]) #products .sec-title,
html:not(.no-charge) #products .sec-title{color:#eef2f8}
html:not(.no-charge):not([data-theme="dark"]) #products .pf-row label,
html:not(.no-charge):not([data-theme="dark"]) #products .pf-search-label,
html:not(.no-charge):not([data-theme="dark"]) #products .pf-dash,
html:not(.no-charge):not([data-theme="dark"]) #products .prod-code,
html:not(.no-charge) #products .pf-row label,
html:not(.no-charge) #products .pf-search-label,
html:not(.no-charge) #products .pf-dash,
html:not(.no-charge) #products .prod-code{color:#aab8ca}
html:not(.no-charge):not([data-theme="dark"]) #products .pcat-chip,
html:not(.no-charge) #products .pcat-chip{color:#c7d3e3;border-color:rgba(150,175,210,.28)}
html:not(.no-charge):not([data-theme="dark"]) #products .pcat-chip:hover,
html:not(.no-charge) #products .pcat-chip:hover{color:#fff}
html:not(.no-charge):not([data-theme="dark"]) #products .prod-card,
html:not(.no-charge) #products .prod-card{background:rgba(14,19,28,.82);border-color:rgba(161,181,212,.2)}

html:not(.no-charge) #products .pf-range-inp::-webkit-slider-runnable-track{background:rgba(120,160,210,.22)}
html:not(.no-charge) #products .pf-range-inp::-moz-range-track{background:rgba(120,160,210,.22)}
html:not(.no-charge) #products .pf-range-lbl{color:#8a9fba}
html:not(.no-charge) #products .pf-range-val{color:#7a8fa8}
html:not(.no-charge) #products .pf-range-val.pf-rval-active{color:#7dc4ff}

html:not(.no-charge) #products .pf-pol-btn{
  background:rgba(10,16,28,.55);
  border-color:rgba(130,165,210,.32);
  color:#b8cadd;
}
html:not(.no-charge) #products .pf-pol-btn:hover{
  background:rgba(20,28,48,.65);
  border-color:rgba(160,195,240,.55);
  color:#dceeff;
}
html:not(.no-charge) #products .pf-pol-btn.active{
  background:linear-gradient(135deg,rgba(30,100,245,.75),rgba(90,60,210,.70));
  border-color:rgba(120,170,255,.55);
  color:#fff;
  box-shadow:0 2px 10px rgba(30,90,240,.35);
}

:root:not([data-theme="dark"]) html:not(.no-charge) #products .pf-pol-btn.active{
  background:linear-gradient(135deg,rgba(160,105,20,.85),rgba(200,140,20,.80));
  border-color:rgba(220,165,50,.55);
  color:#fff;
  box-shadow:0 2px 10px rgba(170,120,10,.40);
}

html:not(.no-charge) #products::before{
  inset:0;z-index:0;
  background:
    
    radial-gradient(75% 120% at 4% -6%,rgba(160,196,255,.09),transparent 56%),
    linear-gradient(100deg,rgba(255,255,255,.085) 0%,rgba(255,255,255,.025) 15%,transparent 38%),
    
    linear-gradient(118deg,transparent 47%,rgba(214,232,255,.05) 50%,rgba(255,255,255,.07) 52%,transparent 59%);
  background-repeat:no-repeat;
  transform:none;filter:none;opacity:1;
  animation:none;
}

html:not(.no-charge) #products .prod-card{background:var(--bg3)}

html:not(.no-charge):not([data-theme="dark"]) #products .prod-card{
  background:rgba(14,19,28,.82);
  border-color:rgba(161,181,212,.24);
  box-shadow:0 12px 28px rgba(7,12,22,.22),inset 0 1px 0 rgba(255,255,255,.08);
}
html:not(.no-charge):not([data-theme="dark"]) #products .prod-name,
html:not(.no-charge):not([data-theme="dark"]) #products .prod-code,
html:not(.no-charge):not([data-theme="dark"]) #products .prod-brand,
html:not(.no-charge):not([data-theme="dark"]) #products .prod-price,
html:not(.no-charge):not([data-theme="dark"]) #products .prod-currency,
html:not(.no-charge):not([data-theme="dark"]) #products .ps-chip,
html:not(.no-charge):not([data-theme="dark"]) #products .price-dual .price-list,
html:not(.no-charge):not([data-theme="dark"]) #products .price-dual .price-net,
html:not(.no-charge):not([data-theme="dark"]) #products .price-dual .price-own,
html:not(.no-charge):not([data-theme="dark"]) #products .prod-tech,
html:not(.no-charge):not([data-theme="dark"]) #products .prod-spec-row,
html:not(.no-charge):not([data-theme="dark"]) #products .prod-price-row,
html:not(.no-charge):not([data-theme="dark"]) #products .prod-body,
html:not(.no-charge):not([data-theme="dark"]) #products .prod-img{color:#edf3ff}
html:not(.no-charge):not([data-theme="dark"]) #products .prod-brand{color:#7ec5ff}
html:not(.no-charge):not([data-theme="dark"]) #products .prod-code{color:#b9c6d9}
html:not(.no-charge):not([data-theme="dark"]) #products .ps-chip{background:rgba(255,255,255,.04);border-color:rgba(173,196,229,.22);color:#dfeafd}
html:not(.no-charge):not([data-theme="dark"]) #products .price-dual .price-own{color:#7ae59d}
html:not(.no-charge):not([data-theme="dark"]) #products .price-dual .price-net{color:#d4ddea}
html:not(.no-charge):not([data-theme="dark"]) #products .prod-card:hover{border-color:rgba(170,199,255,.34);box-shadow:0 18px 34px rgba(5,10,18,.26),inset 0 1px 0 rgba(255,255,255,.09)}

html:not(.no-charge) #products .active-cat-bar{
  background:linear-gradient(90deg,rgba(30,58,95,.68),rgba(48,36,86,.62));
  border-color:rgba(120,170,230,.44);
}
html:not(.no-charge) #products .active-cat-bar .acb-label{color:#c1cddd}
html:not(.no-charge) #products .active-cat-bar .acb-name{color:#f2f6fc}
html:not(.no-charge) #products .suggest-bar{
  background:linear-gradient(90deg,rgba(92,58,20,.60),rgba(48,36,86,.56));
  border-color:rgba(240,170,90,.44);
}
html:not(.no-charge) #products .suggest-bar .sgb-title{color:#ffe4c2}
html:not(.no-charge) #products .suggest-bar .sgb-sub{color:#d6c3ad}





html:not(.no-charge):not([data-theme="dark"]) .cat-card{
  background:rgba(245,248,255,.82);
  -webkit-backdrop-filter:blur(20px) saturate(1.25) brightness(1.04);
  backdrop-filter:blur(20px) saturate(1.25) brightness(1.04);
  border:1px solid rgba(200,215,240,.50);
  border-top:1px solid rgba(255,255,255,.92);          
  box-shadow:
    -1px 2px 3px rgba(0,0,0,.12),
    -6px 10px 22px rgba(0,0,0,.18),
    -14px 24px 50px rgba(0,0,0,.16),
    -26px 46px 92px rgba(0,0,0,.11),
    inset 0 1px 0 rgba(255,255,255,.70);               
}
html:not(.no-charge):not([data-theme="dark"]) .cat-card:hover,
html:not(.no-charge):not([data-theme="dark"]) .cat-card.is-hover,
html:not(.no-charge):not([data-theme="dark"]) .cat-card.is-active{
  background:rgba(252,254,255,.90);
  border-top-color:rgba(255,255,255,1);
  box-shadow:
    -2px 4px 6px rgba(0,0,0,.14),
    -8px 14px 30px rgba(0,0,0,.22),
    -18px 32px 70px rgba(0,0,0,.18),
    -34px 60px 114px rgba(0,0,0,.12),
    inset 0 1px 0 rgba(255,255,255,.80),
    0 0 0 1px rgba(100,150,255,.18);                   
}


html:not(.no-charge)[data-theme="dark"] .cat-card{
  background:rgba(16,24,42,.76);
  -webkit-backdrop-filter:blur(20px) saturate(1.18);
  backdrop-filter:blur(20px) saturate(1.18);
  border:1px solid rgba(80,110,170,.24);
  border-top:1px solid rgba(160,200,255,.32);          
  box-shadow:
    -1px 2px 4px rgba(0,0,0,.38),
    -6px 10px 24px rgba(0,0,0,.44),
    -14px 24px 54px rgba(0,0,0,.40),
    -24px 42px 84px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(160,200,255,.10),               
    0 0 60px rgba(10,50,160,.12);                      
}
html:not(.no-charge)[data-theme="dark"] .cat-card:hover,
html:not(.no-charge)[data-theme="dark"] .cat-card.is-hover,
html:not(.no-charge)[data-theme="dark"] .cat-card.is-active{
  background:rgba(20,32,56,.82);
  border-top-color:rgba(180,220,255,.48);
  box-shadow:
    -2px 4px 8px rgba(0,0,0,.42),
    -8px 16px 34px rgba(0,0,0,.52),
    -18px 34px 72px rgba(0,0,0,.42),
    -32px 58px 108px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(180,220,255,.16),
    0 0 80px rgba(20,80,220,.16);                      
}