:root{
  --va-bg:#000000;
  --va-surface:#0a0a0a;
  --va-card:#111111;
  --va-card-hover:#161616;
  --va-border:rgba(255,255,255,.08);
  --va-border-strong:rgba(255,255,255,.14);
  --va-accent:var(--cl-accent, #00E7FF);
  --va-accent-rgb:var(--cl-accent-rgb, 0,231,255);
  --va-accent-soft:rgba(var(--va-accent-rgb), .12);
  --va-accent-glow:rgba(var(--va-accent-rgb), .3);
  --va-text:#fafafa;
  --va-text-2:#a3a3a3;
  --va-text-3:#666;
  --va-radius:14px;
  --va-radius-lg:18px;
  --va-radius-xl:24px;
}

html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(900px 420px at 50% -10%, rgba(var(--va-accent-rgb), .18), transparent 52%),
    radial-gradient(460px 260px at 15% 10%, rgba(var(--va-accent-rgb), .10), transparent 60%),
    radial-gradient(360px 220px at 85% 22%, rgba(var(--va-accent-rgb), .08), transparent 62%),
    linear-gradient(180deg, var(--va-bg) 0%, #030303 100%) !important;
  color:var(--va-text);
  font-family:var(--bs-font-sans-serif);
  min-height:100vh;
  overflow-x:hidden;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.024;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  z-index:0;
}
#app,.flex-wrapper,.components,.component{position:relative;z-index:1}
a{text-decoration:none}
img{max-width:100%;display:block}
.container{position:relative}
.py-20{padding-top:5rem!important;padding-bottom:5rem!important}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:#050505}
::-webkit-scrollbar-thumb{background:rgba(var(--va-accent-rgb), .35);border-radius:99px}

.bg-image{opacity:.08;filter:blur(6px) saturate(.85);transform:scale(1.04)}

.va-section-header{
  text-align:center;
  margin:0 auto 2.5rem;
  max-width:720px;
}
.va-section-label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.45rem;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--va-accent);
  margin-bottom:.9rem;
}
.va-section-title{
  margin:0;
  font-size:clamp(1.9rem, 4vw, 3rem);
  font-weight:800;
  letter-spacing:-.04em;
  color:var(--va-text);
}
.va-section-subtitle{
  color:var(--va-text-2);
  margin:.85rem auto 0;
  max-width:560px;
}
.va-divider{
  width:84px;
  height:2px;
  margin:1rem auto 0;
  border-radius:99px;
  background:linear-gradient(90deg, transparent, var(--va-accent), transparent);
}

.va-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.55rem;
  border-radius:14px;
  font-weight:700;
  padding:.9rem 1.45rem;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
  border:1px solid transparent;
  cursor:pointer;
}
.va-btn:hover{transform:translateY(-2px)}
.va-btn-primary,
.btn.btn-primary{
  background:var(--va-accent)!important;
  border-color:rgba(var(--va-accent-rgb), .35)!important;
  color:#000!important;
  box-shadow:0 0 24px rgba(var(--va-accent-rgb), .24);
}
.va-btn-primary:hover,
.btn.btn-primary:hover{
  background:#1af0ff!important;
  box-shadow:0 0 34px rgba(var(--va-accent-rgb), .3);
}
.va-btn-ghost,
.btn.btn-outline-primary,
.btn.btn-outline{
  background:rgba(255,255,255,.04)!important;
  border-color:var(--va-border)!important;
  color:var(--va-text)!important;
}
.va-btn-ghost:hover,
.btn.btn-outline-primary:hover,
.btn.btn-outline:hover{
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(var(--va-accent-rgb), .28)!important;
  color:var(--va-text)!important;
}

.form-control,
.form-select,
.choices__inner,
.choices__list--dropdown,
.choices__list[aria-expanded]{
  background:rgba(255,255,255,.04)!important;
  color:var(--va-text)!important;
  border-color:var(--va-border)!important;
  box-shadow:none!important;
}
.form-control:focus,.form-select:focus{
  border-color:rgba(var(--va-accent-rgb), .35)!important;
  box-shadow:0 0 0 .22rem rgba(var(--va-accent-rgb), .12)!important;
}
::placeholder{color:#818181!important}

.va-announcement{
  border-bottom:1px solid rgba(var(--va-accent-rgb), .24);
  background:linear-gradient(90deg, transparent, rgba(var(--va-accent-rgb), .12), transparent);
}
.va-announcement-inner{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.85rem;
  text-align:center;
  flex-wrap:wrap;
  font-size:.82rem;
  font-weight:700;
  color:var(--va-accent);
}
.va-announcement-link{
  color:var(--va-text);
  display:inline-flex;
  align-items:center;
  gap:.45rem;
}

.va-navbar{
  position:sticky;
  top:0;
  z-index:40;
  border-bottom:1px solid var(--va-border);
  background:rgba(0,0,0,.7);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
}
.va-navbar-inner{min-height:70px}
.va-brand{
  display:flex;
  align-items:center;
  gap:.65rem;
  color:var(--va-text)!important;
  font-weight:800;
  letter-spacing:-.03em;
}
.va-brand img{
  width:32px;
  height:32px;
  border-radius:10px;
  object-fit:cover;
}
.va-nav-links{gap:.2rem}
.va-nav-link{
  color:var(--va-text-2)!important;
  padding:.45rem .9rem !important;
  border-radius:12px;
  font-weight:500;
}
.va-nav-link:hover,.va-nav-link:focus,.va-nav-link.active{
  color:var(--va-text)!important;
  background:rgba(255,255,255,.05);
}
.va-nav-actions{
  display:flex;
  align-items:center;
  gap:.65rem;
}
.va-nav-primary,
.va-nav-secondary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  height:42px;
  padding:0 1rem;
  border-radius:14px;
  font-weight:700;
}
.va-nav-primary{
  background:var(--va-accent);
  color:#000;
  box-shadow:0 0 18px rgba(var(--va-accent-rgb), .24);
}
.va-nav-secondary{
  background:rgba(255,255,255,.04);
  border:1px solid var(--va-border);
  color:var(--va-text);
}
.va-nav-icon{
  width:42px;
  height:42px;
  border-radius:14px;
  background:rgba(255,255,255,.04);
  border:1px solid var(--va-border);
  color:var(--va-text);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  position:relative;
}
.va-count{
  position:absolute;
  top:-6px;
  right:-6px;
  min-width:20px;
  height:20px;
  padding:0 6px;
  border-radius:999px;
  background:var(--va-accent);
  color:#000;
  display:grid;
  place-items:center;
  font-size:.68rem;
  font-weight:900;
}
.va-toggler{
  border-color:var(--va-border)!important;
  background:rgba(255,255,255,.04)!important;
}
.va-toggler .navbar-toggler-icon{
  filter:invert(1);
}

.va-hero{
  min-height:calc(100vh - 70px);
  display:flex;
  align-items:center;
  padding:7rem 0 5.25rem;
  overflow:hidden;
}
.va-hero-grid{
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(var(--va-accent-rgb), .04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--va-accent-rgb), .04) 1px, transparent 1px);
  background-size:60px 60px;
  mask-image:radial-gradient(ellipse 80% 80% at 50% 50%, #000 40%, transparent 100%);
  -webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%, #000 40%, transparent 100%);
}
.va-hero-content{
  max-width:760px;
  margin:0 auto;
  text-align:center;
}
.va-pill{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  padding:.4rem .95rem;
  border-radius:999px;
  background:rgba(var(--va-accent-rgb), .12);
  border:1px solid rgba(var(--va-accent-rgb), .24);
  color:var(--va-accent);
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.va-hero-title{
  margin:1.3rem 0 1rem;
  font-size:clamp(2.6rem, 7vw, 5.3rem);
  line-height:1.03;
  letter-spacing:-.05em;
  font-weight:800;
}
.va-hero-subtitle{
  max-width:560px;
  margin:0 auto;
  color:var(--va-text-2);
  font-size:clamp(1rem, 2vw, 1.18rem);
  line-height:1.75;
}
.va-hero-actions{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.85rem;
  flex-wrap:wrap;
  margin-top:2rem;
}
.va-hero-trust,
.va-product-trust{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:1.25rem;
  flex-wrap:wrap;
  margin-top:2.6rem;
}
.va-trust-item{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  color:var(--va-text-2);
  font-size:.82rem;
  font-weight:500;
}
.va-trust-item i{color:var(--va-accent)}

.va-products{
  padding:2rem 0 5rem;
}
.va-carousel{
  position:relative;
  overflow:hidden;
  border-radius:var(--va-radius-xl);
  border:1px solid var(--va-border);
  background:var(--va-surface);
  box-shadow:0 24px 64px rgba(0,0,0,.55);
  margin-bottom:4rem;
}
.va-carousel-track{
  position:relative;
  aspect-ratio:16/6;
  min-height:260px;
}
.va-slide{
  position:absolute;
  inset:0;
  opacity:0;
  pointer-events:none;
  transition:opacity .55s ease;
}
.va-slide.is-active{
  opacity:1;
  pointer-events:auto;
}
.va-slide-media,.va-slide-media img,.va-slide-placeholder{
  width:100%;
  height:100%;
}
.va-slide-media img{
  object-fit:cover;
}
.va-slide-placeholder,
.va-product-card-placeholder,
.va-product-placeholder{
  display:grid;
  place-items:center;
  background:linear-gradient(180deg, #0d0d0d, #050505);
  color:rgba(var(--va-accent-rgb), .9);
  font-size:2.2rem;
}
.va-slide-overlay{
  position:absolute;
  inset:0;
  display:flex;
  align-items:flex-end;
  padding:2rem 2.3rem;
  background:linear-gradient(to top, rgba(0,0,0,.94), rgba(0,0,0,.42) 56%, transparent 100%);
}
.va-slide-copy{max-width:620px}
.va-slide-copy h3{
  margin:0 0 .55rem;
  font-size:clamp(1.5rem, 3.4vw, 2.5rem);
  letter-spacing:-.03em;
  font-weight:800;
}
.va-slide-copy p{
  margin:0 0 1.25rem;
  color:var(--va-text-2);
  max-width:540px;
}
.va-slide-tags,.va-product-card-tags,.va-page-badges{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
  margin-bottom:.8rem;
}
.va-badge{
  --_badge:var(--badge-color, rgba(var(--va-accent-rgb), .18));
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  padding:.34rem .66rem;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  color:var(--va-text);
  font-size:.72rem;
  font-weight:800;
}
.va-badge i{color:color-mix(in srgb, var(--_badge) 75%, white 25%)}
.va-badge-success{background:rgba(34,197,94,.16);border-color:rgba(34,197,94,.28)}
.va-badge-danger{background:rgba(239,68,68,.16);border-color:rgba(239,68,68,.28)}
.va-badge-secondary{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12)}
.va-carousel-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:42px;
  height:42px;
  border-radius:999px;
  border:1px solid var(--va-border);
  background:rgba(0,0,0,.55);
  color:var(--va-text);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:2;
}
.va-carousel-nav:hover{background:var(--va-accent);color:#000}
.va-carousel-nav.prev{left:1rem}
.va-carousel-nav.next{right:1rem}
.va-carousel-dots{
  position:absolute;
  right:1.5rem;
  bottom:1rem;
  display:flex;
  gap:.4rem;
  z-index:2;
}
.va-carousel-dots button{
  width:8px;
  height:8px;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.38);
}
.va-carousel-dots button.is-active{
  width:24px;
  background:var(--va-accent);
}

.va-products-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:1.8rem;
  flex-wrap:wrap;
}
.va-products-title{
  margin:0;
  font-size:1.95rem;
  font-weight:800;
  letter-spacing:-.04em;
}
.va-products-subtitle{
  margin:.4rem 0 0;
  color:var(--va-text-2);
  font-size:.92rem;
}
.va-search{
  position:relative;
  width:min(100%, 320px);
}
.va-search i{
  position:absolute;
  left:.95rem;
  top:50%;
  transform:translateY(-50%);
  color:var(--va-text-3);
}
.va-search input{
  width:100%;
  height:46px;
  border-radius:14px;
  border:1px solid rgba(var(--va-accent-rgb), .24);
  background:rgba(var(--va-accent-rgb), .08);
  color:var(--va-text);
  padding:0 1rem 0 2.55rem;
}
.va-search input:focus{
  outline:none;
  border-color:rgba(var(--va-accent-rgb), .4);
  box-shadow:0 0 0 4px rgba(var(--va-accent-rgb), .1);
}

.va-product-card{
  display:flex;
  flex-direction:column;
  height:100%;
  overflow:hidden;
  background:var(--va-card);
  border:1px solid rgba(var(--va-accent-rgb), .2);
  border-radius:20px;
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.va-product-card:hover{
  transform:translateY(-4px);
  border-color:rgba(var(--va-accent-rgb), .45);
  box-shadow:0 10px 36px rgba(var(--va-accent-rgb), .14);
}
.va-product-card-media{
  position:relative;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#0d0d0d;
}
.va-product-card-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .35s ease;
}
.va-product-card:hover .va-product-card-media img{transform:scale(1.05)}
.va-product-card-tags{
  position:absolute;
  inset:12px 12px auto 12px;
  margin-bottom:0;
}
.va-product-card-body{
  display:flex;
  flex-direction:column;
  gap:.8rem;
  padding:1rem 1rem .95rem;
  flex:1;
}
.va-product-card-copy h3{
  margin:0 0 .45rem;
  font-size:1.04rem;
  font-weight:700;
  letter-spacing:-.02em;
  color:var(--va-text);
}
.va-product-card-copy p{
  margin:0;
  color:var(--va-text-2);
  font-size:.82rem;
  line-height:1.55;
}
.va-product-card-footer{
  margin-top:auto;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:.85rem;
  padding-top:.9rem;
  border-top:1px solid var(--va-border);
}
.va-price-label{
  font-size:.72rem;
  color:var(--va-text-3);
}
.va-price{
  font-size:1.38rem;
  font-weight:800;
  letter-spacing:-.04em;
  color:var(--va-text);
  display:flex;
  flex-wrap:wrap;
  gap:.25rem;
  align-items:baseline;
}
.va-price-range{color:var(--va-text-3)}
.va-buy-chip{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  white-space:nowrap;
  padding:.56rem .95rem;
  border-radius:14px;
  background:rgba(var(--va-accent-rgb), .12);
  border:1px solid rgba(var(--va-accent-rgb), .22);
  color:var(--va-text);
  font-size:.8rem;
  font-weight:800;
}

.va-features{
  padding:5rem 0;
  border-top:1px solid var(--va-border);
  border-bottom:1px solid var(--va-border);
  background:var(--va-surface);
}
.va-feature-card{
  height:100%;
  display:flex;
  align-items:flex-start;
  gap:1rem;
  padding:1.45rem;
  border-radius:20px;
  border:1px solid var(--va-border);
  background:var(--va-card);
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.va-feature-card:hover{
  transform:translateY(-3px);
  border-color:rgba(var(--va-accent-rgb), .28);
  box-shadow:0 6px 24px rgba(var(--va-accent-rgb), .08);
}
.va-feature-icon{
  width:48px;
  height:48px;
  flex:0 0 48px;
  border-radius:14px;
  background:rgba(var(--va-accent-rgb), .12);
  border:1px solid rgba(var(--va-accent-rgb), .16);
  color:var(--va-accent);
  display:grid;
  place-items:center;
}
.va-feature-card h3{
  margin:0 0 .35rem;
  font-size:1.04rem;
  font-weight:700;
}
.va-feature-card p{
  margin:0;
  color:var(--va-text-2);
  font-size:.86rem;
  line-height:1.58;
}

.va-faq{
  padding:5rem 0;
}
.va-accordion{
  max-width:820px;
  margin:0 auto;
}
.va-accordion .accordion-item{
  background:rgba(255,255,255,.03);
  border:1px solid var(--va-border);
  border-radius:18px !important;
  overflow:hidden;
  margin-bottom:.8rem;
}
.va-accordion .accordion-button{
  background:transparent!important;
  color:var(--va-text)!important;
  font-weight:650;
  box-shadow:none!important;
  padding:1.15rem 1.35rem;
}
.va-accordion .accordion-button:not(.collapsed){
  background:rgba(255,255,255,.03)!important;
  color:var(--va-text)!important;
}
.va-accordion .accordion-button::after{
  filter:invert(1);
  opacity:.8;
}
.va-accordion .accordion-body{
  color:var(--va-text-2);
  line-height:1.7;
  padding:0 1.35rem 1.2rem;
}

.va-community{
  padding:0 0 5rem;
  background:var(--va-surface);
  border-top:1px solid var(--va-border);
}
.va-community-card{
  border-radius:var(--va-radius-xl);
  border:1px solid rgba(var(--va-accent-rgb), .22);
  background:linear-gradient(135deg, rgba(var(--va-accent-rgb), .12) 0%, rgba(var(--va-accent-rgb), .04) 50%, transparent 100%);
  overflow:hidden;
}
.va-community-inner{
  position:relative;
  padding:4rem 2rem;
  text-align:center;
}
.va-community-inner::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, rgba(var(--va-accent-rgb), .08), transparent);
  pointer-events:none;
}
.va-community-inner > *{position:relative}
.va-community h2{
  margin:0 0 .75rem;
  font-size:clamp(1.8rem, 4vw, 2.7rem);
  font-weight:800;
  letter-spacing:-.04em;
}
.va-community p{
  margin:0 auto 2rem;
  max-width:560px;
  color:var(--va-text-2);
  line-height:1.75;
}
.va-community-links{
  display:flex;
  flex-wrap:wrap;
  gap:.8rem;
  justify-content:center;
}

.va-footer{
  border-top:1px solid var(--va-border);
  background:#050505;
}
.va-footer-inner{
  min-height:92px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  flex-wrap:wrap;
  padding:1.3rem 0;
}
.va-footer-brand-row{
  display:flex;
  align-items:center;
  gap:.85rem;
}
.va-footer-brand-row img{
  width:34px;
  height:34px;
  object-fit:cover;
  border-radius:10px;
}
.va-footer-name{
  font-weight:800;
  letter-spacing:-.02em;
}
.va-footer-copy{
  color:var(--va-text-3);
  font-size:.8rem;
  margin-top:.2rem;
}
.va-footer-links{
  display:flex;
  flex-wrap:wrap;
  gap:1.1rem;
}
.va-footer-links a{
  color:var(--va-text-3);
  font-size:.82rem;
}
.va-footer-links a:hover{color:var(--va-text)}

.va-modal,
.modal-content{
  background:linear-gradient(180deg, #0f0f0f, #080808)!important;
  border:1px solid var(--va-border)!important;
  border-radius:22px!important;
  color:var(--va-text)!important;
}
.modal-header,.modal-footer{border-color:var(--va-border)!important}

.va-product-page{
  padding:5rem 0;
}
.va-product-grid{
  display:grid;
  grid-template-columns:minmax(0, 1.1fr) minmax(340px, .9fr);
  gap:1.5rem;
  align-items:start;
}
.va-product-gallery,
.va-product-summary{
  background:rgba(255,255,255,.03);
  border:1px solid var(--va-border);
  border-radius:24px;
  padding:1.25rem;
}
.va-product-frame{
  overflow:hidden;
  border-radius:20px;
  background:#0d0d0d;
  border:1px solid var(--va-border);
}
.va-product-frame img{
  width:100%;
  max-height:640px;
  object-fit:cover;
}
.va-product-thumbs{
  display:flex;
  flex-wrap:wrap;
  gap:.7rem;
  margin-top:1rem;
}
.va-product-thumbs button{
  width:76px;
  height:76px;
  padding:0;
  border-radius:16px;
  overflow:hidden;
  border:1px solid var(--va-border);
  background:#0d0d0d;
}
.va-product-thumbs button.active{border-color:rgba(var(--va-accent-rgb), .36)}
.va-product-thumbs img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.va-product-description{
  margin-top:1rem;
  background:var(--va-card);
  border:1px solid var(--va-border);
  border-radius:20px;
  padding:1rem;
}
.va-tab-pills{
  display:flex;
  flex-wrap:wrap;
  gap:.65rem;
  margin-bottom:.95rem;
}
.va-tab-pills button{
  border:1px solid var(--va-border);
  background:rgba(255,255,255,.04);
  color:var(--va-text-2);
  border-radius:999px;
  padding:.65rem .95rem;
  font-weight:700;
}
.va-tab-pills button.is-active{
  background:rgba(var(--va-accent-rgb), .12);
  border-color:rgba(var(--va-accent-rgb), .28);
  color:var(--va-text);
}
.va-tab-panel .editor,
.va-product-description .editor{
  color:var(--va-text-2);
  line-height:1.75;
}
.va-product-description .editor *{max-width:100%}
.va-product-summary h1{
  margin:1rem 0 .7rem;
  font-size:clamp(1.9rem, 4vw, 2.8rem);
  font-weight:800;
  letter-spacing:-.04em;
}
.va-product-lead{
  color:var(--va-text-2);
  line-height:1.75;
  margin:0 0 1rem;
}
.va-price-panel{
  display:flex;
  flex-direction:column;
  gap:.65rem;
  padding:1rem;
  border-radius:20px;
  background:var(--va-card);
  border:1px solid rgba(var(--va-accent-rgb), .18);
  margin-bottom:1rem;
}
.va-live-price{
  font-size:2rem;
  font-weight:800;
  letter-spacing:-.04em;
}
.va-stock-chip{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  width:max-content;
  padding:.48rem .82rem;
  border-radius:999px;
  font-size:.78rem;
  font-weight:800;
  border:1px solid var(--va-border);
}
.va-stock-status{
  --chip-color: var(--va-accent);
  background:color-mix(in srgb, var(--chip-color) 14%, transparent);
  border-color:color-mix(in srgb, var(--chip-color) 28%, transparent);
}
.va-stock-status .dot{
  width:8px;
  height:8px;
  border-radius:999px;
  background:var(--chip-color);
}
.va-stock-success{background:rgba(34,197,94,.14);border-color:rgba(34,197,94,.28)}
.va-stock-danger{background:rgba(239,68,68,.14);border-color:rgba(239,68,68,.28)}

.ss-product-form{
  padding:1rem;
  border-radius:20px;
  background:var(--va-card);
  border:1px solid var(--va-border);
}
.ss-product-form .form-label{
  color:var(--va-text);
  font-weight:700;
}
.ss-product-form .variant,
.ss-product-form .input-group,
.ss-product-form .addon-item{
  background:rgba(255,255,255,.04)!important;
  border:1px solid var(--va-border)!important;
  border-radius:18px!important;
}
.ss-product-form .variant{
  color:var(--va-text)!important;
}
.ss-product-form .variant.active{
  border-color:rgba(var(--va-accent-rgb), .34)!important;
  background:rgba(var(--va-accent-rgb), .1)!important;
  box-shadow:none!important;
}
.ss-product-form .variant .description,
.ss-product-form .variant .stock,
.ss-product-form .small.text-muted{
  color:var(--va-text-2)!important;
}
.ss-product-form .btn{
  border-radius:12px!important;
  font-weight:700!important;
}
.ss-product-form .alert-warning{
  background:rgba(255,193,7,.12)!important;
  border-color:rgba(255,193,7,.22)!important;
  color:#ffe69c!important;
}
.ss-product-form .input-group .btn{
  min-width:44px;
}
.ss-product-form .form-control.text-center{
  background:rgba(255,255,255,.03)!important;
}
.customer-sidebar,.customer-dashboard-card,.ticket-card,.status-card,.card{
  background:rgba(255,255,255,.03);
  border-color:var(--va-border)!important;
  color:var(--va-text)!important;
}
.pagination .page-link{
  background:rgba(255,255,255,.04)!important;
  border-color:var(--va-border)!important;
  color:var(--va-text)!important;
}
.pagination .page-item.active .page-link{
  background:rgba(var(--va-accent-rgb), .16)!important;
  color:var(--va-text)!important;
  border-color:rgba(var(--va-accent-rgb), .28)!important;
}
.alert{
  border-radius:16px!important;
}
.text-muted{color:var(--va-text-2)!important}
.text-primary{color:var(--va-accent)!important}
.border,.border-top,.border-bottom{border-color:var(--va-border)!important}

@media (max-width: 991.98px){
  .va-navbar .navbar-collapse{
    margin-top:.75rem;
    padding:.75rem 0 0;
    border-top:1px solid var(--va-border);
  }
  .va-nav-links{
    gap:.45rem;
    margin-bottom:.75rem;
  }
  .va-nav-actions{
    flex-wrap:wrap;
    justify-content:flex-start;
  }
  .va-product-grid{
    grid-template-columns:1fr;
  }
}
@media (max-width: 767.98px){
  .py-20{padding-top:4rem!important;padding-bottom:4rem!important}
  .va-hero{min-height:auto;padding:6rem 0 4rem}
  .va-hero-trust,.va-product-trust{gap:.85rem}
  .va-carousel-track{aspect-ratio:16/8;min-height:240px}
  .va-slide-overlay{padding:1.2rem 1.25rem}
  .va-products-head{align-items:stretch}
  .va-search{width:100%}
  .va-community-inner{padding:3rem 1.25rem}
  .va-footer-inner{align-items:flex-start;flex-direction:column}
}
@media (max-width: 575.98px){
  .va-hero-title{font-size:clamp(2.25rem, 13vw, 3.5rem)}
  .va-product-card-footer{display:grid}
  .va-buy-chip{justify-content:center}
  .va-product-gallery,.va-product-summary{padding:1rem}
  .va-product-thumbs button{width:62px;height:62px}
}

/* ===== 2026-03-22 refinement pass: gradient system + left rail navbar + flush faq ===== */
:root{
  --va-rail-width:132px;
  --va-surface-grad:linear-gradient(180deg, rgba(var(--va-accent-rgb), .085) 0%, rgba(255,255,255,.025) 18%, rgba(255,255,255,.012) 100%);
  --va-surface-grad-strong:linear-gradient(145deg, rgba(var(--va-accent-rgb), .14) 0%, rgba(var(--va-accent-rgb), .055) 18%, rgba(255,255,255,.02) 52%, rgba(255,255,255,.01) 100%);
  --va-stroke-grad:linear-gradient(180deg, rgba(var(--va-accent-rgb), .34), rgba(255,255,255,.06));
}

body{
  background:
    radial-gradient(1200px 520px at 50% -10%, rgba(var(--va-accent-rgb), .22), transparent 55%),
    radial-gradient(720px 360px at 0% 16%, rgba(var(--va-accent-rgb), .12), transparent 58%),
    radial-gradient(760px 380px at 100% 24%, rgba(var(--va-accent-rgb), .11), transparent 60%),
    linear-gradient(135deg, rgba(var(--va-accent-rgb), .04), transparent 26%),
    linear-gradient(180deg, #020202 0%, #050505 100%) !important;
}

.va-navbar,
.va-carousel,
.va-feature-card,
.va-product-card,
.va-community-card,
.va-product-gallery,
.va-product-summary,
.va-product-description,
.va-price-panel,
.ss-product-form,
.va-modal,
.modal-content,
.customer-sidebar,
.customer-dashboard-card,
.ticket-card,
.status-card,
.card,
.va-footer{
  background-image:var(--va-surface-grad) !important;
}

.va-search input,
.form-control,
.form-select,
.choices__inner,
.choices__list--dropdown,
.choices__list[aria-expanded],
.va-nav-secondary,
.va-nav-icon,
.va-buy-chip,
.va-stock-chip,
.va-tab-pills button,
.pagination .page-link,
.va-accordion .accordion-item{
  background-image:linear-gradient(180deg, rgba(var(--va-accent-rgb), .09), rgba(255,255,255,.02)) !important;
}

.va-btn-primary,
.btn.btn-primary,
.va-nav-primary{
  background-image:linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,0) 30%), linear-gradient(135deg, color-mix(in srgb, var(--va-accent) 94%, white 6%), color-mix(in srgb, var(--va-accent) 74%, black 26%)) !important;
}

.va-carousel,
.va-feature-card,
.va-product-card,
.va-community-card,
.va-product-gallery,
.va-product-summary,
.va-product-description,
.va-price-panel,
.ss-product-form,
.va-modal,
.modal-content,
.customer-sidebar,
.customer-dashboard-card,
.ticket-card,
.status-card,
.card,
.va-accordion .accordion-item{
  position:relative;
  overflow:hidden;
}

.va-carousel::before,
.va-feature-card::before,
.va-product-card::before,
.va-community-card::before,
.va-product-gallery::before,
.va-product-summary::before,
.va-product-description::before,
.va-price-panel::before,
.ss-product-form::before,
.va-accordion .accordion-item::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(135deg, rgba(var(--va-accent-rgb), .12), transparent 35%, transparent 100%);
  opacity:.7;
}

.va-features,
.va-community,
.va-product-page,
.va-products,
.va-faq{
  background-image:linear-gradient(180deg, rgba(var(--va-accent-rgb), .03), transparent 24%);
}

.va-product-card:hover,
.va-feature-card:hover,
.va-carousel:hover,
.va-community-card:hover{
  box-shadow:0 14px 42px rgba(var(--va-accent-rgb), .12);
}

/* FAQ should sit cleanly on the page without its own boxed background */
.va-faq{
  background:none !important;
}
.va-accordion .accordion-item{
  background:transparent !important;
  border-color:rgba(var(--va-accent-rgb), .18) !important;
  box-shadow:none !important;
}
.va-accordion .accordion-button,
.va-accordion .accordion-button:not(.collapsed),
.va-accordion .accordion-body{
  background:transparent !important;
}
.va-accordion .accordion-button{
  padding-left:1.1rem;
  padding-right:1.1rem;
}
.va-accordion .accordion-body{
  padding-left:1.1rem;
  padding-right:1.1rem;
}

@media (min-width: 992px){
  header.sticky-top{
    position:relative !important;
    top:auto !important;
    z-index:40;
  }

  .flex-wrapper{
    padding-left:var(--va-rail-width);
  }

  .va-navbar{
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    width:var(--va-rail-width);
    border-right:1px solid rgba(var(--va-accent-rgb), .18);
    border-bottom:0;
    background-image:var(--va-surface-grad-strong) !important;
    box-shadow:18px 0 48px rgba(0,0,0,.34);
  }

  .va-navbar .container{
    width:100%;
    max-width:none;
    height:100%;
    padding:1rem .85rem;
  }

  .va-navbar-inner{
    min-height:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    gap:1rem;
  }

  .va-brand{
    width:100%;
    justify-content:center;
    flex-direction:column;
    gap:.65rem;
    text-align:center;
    padding:.35rem 0 .75rem;
  }

  .va-brand span{
    font-size:.84rem;
    line-height:1.2;
    word-break:break-word;
  }

  .va-brand img{
    width:42px;
    height:42px;
    border-radius:14px;
    box-shadow:0 0 24px rgba(var(--va-accent-rgb), .2);
  }

  .va-navbar .navbar-collapse{
    display:flex !important;
    flex-direction:column;
    align-items:stretch;
    justify-content:space-between;
    width:100%;
    height:100%;
  }

  .va-nav-links{
    width:100%;
    margin:0 !important;
    gap:.5rem;
    flex-direction:column;
  }

  .va-nav-link{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:46px;
    text-align:center;
    white-space:normal;
    line-height:1.2;
    padding:.8rem .55rem !important;
    border-radius:16px;
    background:linear-gradient(180deg, rgba(255,255,255,.018), rgba(var(--va-accent-rgb), .06));
    border:1px solid rgba(var(--va-accent-rgb), .12);
  }

  .va-nav-actions{
    width:100%;
    flex-direction:column;
    align-items:stretch;
    gap:.55rem;
    padding-top:.85rem;
  }

  .currency-selector,
  .va-nav-actions .d-none.d-lg-block,
  .va-nav-actions .d-none.d-lg-inline-flex{
    display:flex !important;
  }

  .currency-selector{
    width:100%;
  }

  .currency-selector select{
    width:100%;
    height:44px;
    border-radius:16px;
    border:1px solid rgba(var(--va-accent-rgb), .16);
    background:linear-gradient(180deg, rgba(var(--va-accent-rgb), .09), rgba(255,255,255,.025));
    color:var(--va-text);
    padding:0 .85rem;
    outline:none;
  }

  .va-nav-primary,
  .va-nav-secondary,
  .va-nav-icon{
    width:100%;
    min-height:48px;
    height:auto;
    border-radius:18px;
  }

  .va-nav-primary,
  .va-nav-secondary{
    padding:.8rem .7rem;
    text-align:center;
    white-space:normal;
    line-height:1.15;
  }

  .va-nav-primary span,
  .va-nav-secondary span{
    display:block;
  }

  .va-nav-icon{
    font-size:1rem;
  }

  .va-count{
    top:7px;
    right:7px;
  }
}


/* === v8 cleanup / less glow / more functional icons === */
:root{
  --va-accent-soft:rgba(var(--va-accent-rgb), .08);
  --va-accent-glow:rgba(var(--va-accent-rgb), .16);
  --va-rail-width:0px;
  --va-surface-grad:linear-gradient(180deg, rgba(255,255,255,.024) 0%, rgba(255,255,255,.012) 100%);
  --va-surface-grad-strong:linear-gradient(180deg, rgba(255,255,255,.03) 0%, rgba(255,255,255,.012) 100%);
}

body{
  background:
    radial-gradient(720px 320px at 50% -12%, rgba(var(--va-accent-rgb), .11), transparent 56%),
    radial-gradient(420px 220px at 12% 8%, rgba(var(--va-accent-rgb), .055), transparent 68%),
    radial-gradient(420px 220px at 88% 14%, rgba(var(--va-accent-rgb), .04), transparent 68%),
    linear-gradient(180deg, #050505 0%, #020202 100%) !important;
}

.bg-image{
  opacity:.05;
  filter:blur(3px) saturate(.8);
  transform:scale(1.02);
}

.va-btn:hover,
.btn:hover{
  transform:translateY(-1px);
}

.va-btn-primary,
.btn.btn-primary,
.va-nav-primary{
  box-shadow:none !important;
}

.va-btn-primary:hover,
.btn.btn-primary:hover,
.va-nav-primary:hover{
  box-shadow:none !important;
  filter:brightness(1.04);
}

.va-announcement{
  border-bottom-color:rgba(var(--va-accent-rgb), .14);
  background:linear-gradient(90deg, transparent, rgba(var(--va-accent-rgb), .06), transparent);
}

.va-carousel::before,
.va-feature-card::before,
.va-product-card::before,
.va-community-card::before,
.va-product-gallery::before,
.va-product-summary::before,
.va-product-description::before,
.va-price-panel::before,
.ss-product-form::before,
.va-accordion .accordion-item::before{
  background:linear-gradient(135deg, rgba(var(--va-accent-rgb), .06), transparent 42%, transparent 100%);
  opacity:.34;
}

.va-product-card:hover,
.va-feature-card:hover,
.va-carousel:hover,
.va-community-card:hover{
  box-shadow:0 10px 28px rgba(0,0,0,.24);
}

.va-sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

.va-brand{
  gap:.8rem;
}

.va-brand-mark{
  width:40px;
  height:40px;
  border-radius:12px;
  background:rgba(var(--va-accent-rgb), .08);
  border:1px solid rgba(var(--va-accent-rgb), .16);
  display:grid;
  place-items:center;
  overflow:hidden;
  flex-shrink:0;
}

.va-brand-mark img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.va-brand-mark i{
  color:var(--va-accent);
  font-size:1rem;
}

.va-brand-copy{
  display:flex;
  flex-direction:column;
  line-height:1.1;
}

.va-brand-label{
  font-size:.68rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--va-text-2);
}

.va-brand-title{
  font-size:1rem;
  font-weight:700;
  color:var(--va-text);
}

.va-nav-link,
.va-nav-primary,
.va-nav-secondary{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
}

.va-nav-link i,
.va-nav-primary i,
.va-nav-secondary i,
.va-nav-icon i,
.va-page-kicker i,
.va-filter-card h2 i,
.ss-form-eyebrow i,
.ss-form-label i,
.va-cart-summary-label i,
.va-feedback-reply-head i,
.va-feedback-product i,
.va-feedback-date i{
  color:var(--va-accent);
}

.va-nav-link{
  font-weight:600;
}

.va-nav-link i{
  font-size:.82rem;
}

.va-nav-secondary{
  background:rgba(255,255,255,.035);
}

.va-nav-icon{
  background:rgba(255,255,255,.03);
}

.va-count{
  box-shadow:none;
}

.va-select-wrap{
  position:relative;
}

.va-select-wrap i{
  position:absolute;
  top:50%;
  left:.85rem;
  transform:translateY(-50%);
  color:var(--va-accent);
  font-size:.82rem;
  pointer-events:none;
}

.currency-selector select{
  appearance:none;
  -webkit-appearance:none;
  padding-left:2.1rem !important;
  padding-right:.85rem !important;
}

.va-page-intro,
.va-cart-intro,
.va-feedback-intro{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:1.5rem;
}

.va-page-kicker{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  margin:0 0 .85rem;
  font-size:.75rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:800;
  color:var(--va-text-2);
}

.va-page-intro h1,
.va-cart-intro h1,
.va-feedback-intro h1{
  margin:0;
  font-size:clamp(2rem, 4vw, 3.3rem);
  line-height:1.03;
  letter-spacing:-.04em;
}

.va-page-subtitle{
  margin:.75rem 0 0;
  max-width:680px;
  color:var(--va-text-2);
  line-height:1.75;
}

.va-page-meta{
  align-items:center;
  gap:.55rem;
  padding:.8rem 1rem;
  border:1px solid var(--va-border);
  border-radius:16px;
  background:rgba(255,255,255,.03);
  color:var(--va-text-2);
  font-weight:600;
  white-space:nowrap;
}

.va-filter-button{
  min-height:46px;
}

.va-filter-card,
.va-cart-summary,
.va-empty-panel,
.va-feedback-card,
.ss-product-form{
  background:rgba(255,255,255,.026);
  border:1px solid var(--va-border);
  border-radius:22px;
  box-shadow:none;
}

.va-filter-card{
  padding:1.2rem;
  position:sticky;
  top:92px;
}

.va-filter-card-head h2{
  display:flex;
  align-items:center;
  gap:.6rem;
  margin:0;
  font-size:1.05rem;
}

.va-filter-card-head p{
  margin:.55rem 0 0;
  color:var(--va-text-2);
  font-size:.92rem;
  line-height:1.65;
}

.va-filter-form{
  display:flex;
  flex-direction:column;
  gap:1rem;
  margin-top:1rem;
}

.va-filter-section{
  display:flex;
  flex-direction:column;
  gap:.7rem;
}

.va-filter-section .form-label,
.ss-form-label{
  display:flex;
  align-items:center;
  gap:.55rem;
  margin-bottom:0;
}

.va-input-wrap{
  position:relative;
}

.va-input-wrap > i{
  position:absolute;
  top:50%;
  left:.95rem;
  transform:translateY(-50%);
  font-size:.82rem;
  color:var(--va-text-2);
  pointer-events:none;
}

.va-input-wrap .form-control{
  padding-left:2.55rem;
  min-height:46px;
}

.va-filter-links{
  display:flex;
  flex-direction:column;
  gap:.45rem;
}

.va-filter-link{
  display:flex;
  align-items:center;
  gap:.55rem;
  min-height:42px;
  padding:.7rem .85rem;
  border:1px solid var(--va-border);
  border-radius:14px;
  color:var(--va-text-2);
  background:rgba(255,255,255,.02);
  transition:border-color .18s ease, background .18s ease, color .18s ease;
}

.va-filter-link:hover,
.va-filter-link.is-active{
  color:var(--va-text);
  border-color:rgba(var(--va-accent-rgb), .22);
  background:rgba(var(--va-accent-rgb), .07);
}

.va-filter-help{
  color:var(--va-text-3);
  font-size:.82rem;
}

.va-products-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:1rem 1.1rem;
  border:1px solid var(--va-border);
  border-radius:18px;
  background:rgba(255,255,255,.02);
  margin-bottom:1rem;
}

.va-products-toolbar-title{
  font-weight:700;
}

.va-products-toolbar-sub{
  color:var(--va-text-2);
  font-size:.92rem;
}

.va-products-grid .va-product-card,
.va-products-grid .card,
.products .card{
  box-shadow:none !important;
}

.va-empty-panel{
  padding:2rem 1.35rem;
}

.va-empty-icon{
  width:64px;
  height:64px;
  margin:0 auto 1rem;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:rgba(var(--va-accent-rgb), .08);
  color:var(--va-accent);
  font-size:1.3rem;
}

.ss-product-form{
  padding:1.15rem;
}

.ss-form-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
}

.ss-form-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  font-size:.75rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:800;
  color:var(--va-text-2);
}

.ss-form-meta{
  display:flex;
  align-items:center;
  gap:.55rem;
  flex-wrap:wrap;
}

.ss-form-chip{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  padding:.45rem .7rem;
  border-radius:999px;
  border:1px solid var(--va-border);
  background:rgba(255,255,255,.03);
  color:var(--va-text-2);
  font-size:.8rem;
  font-weight:600;
}

.ss-form-chip.is-muted{
  opacity:.85;
}

.ss-form-total{
  min-width:145px;
  padding:.9rem 1rem;
  border-radius:16px;
  border:1px solid var(--va-border);
  background:rgba(255,255,255,.025);
  text-align:right;
}

.ss-form-total span{
  display:block;
  font-size:.78rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--va-text-2);
  margin-bottom:.25rem;
}

.ss-form-total strong{
  font-size:1.15rem;
}

.ss-form-section{
  display:flex;
  flex-direction:column;
  gap:.8rem;
}

.ss-product-form .variant,
.ss-product-form .input-group,
.ss-product-form .addon-item{
  background:rgba(255,255,255,.028) !important;
  border-color:var(--va-border) !important;
}

.variants .variant{
  padding:.8rem .9rem;
  border-radius:16px;
}

.variants .variant .price{
  border:1px solid rgba(255,255,255,.05);
  background:rgba(255,255,255,.03);
  color:var(--va-text);
}

.variants .variant .active-indicator{
  top:10px;
  right:10px;
  background:transparent;
}

.variants .variant .active-indicator svg{
  width:20px;
  height:20px;
}

.ss-volume-note{
  display:flex;
  align-items:center;
  gap:.65rem;
  padding:.8rem .95rem;
  border-radius:14px;
  border:1px solid rgba(var(--va-accent-rgb), .18);
  background:rgba(var(--va-accent-rgb), .06);
  color:var(--va-text-2);
  font-size:.92rem;
}

.ss-volume-note strong{
  color:var(--va-text);
}

.addon-image{
  width:46px;
  height:46px;
  border-radius:12px;
}

.addon-image-fallback{
  display:grid;
  place-items:center;
  background:rgba(var(--va-accent-rgb), .08);
  color:var(--va-accent);
}

.ss-addon-price{
  color:var(--va-text);
}

.btn-addon-add,
.btn-addon-remove{
  min-width:104px;
}

.cart-item-bg{
  background:rgba(255,255,255,.025);
  border-color:var(--va-border) !important;
}

.cart .form{
  background:rgba(255,255,255,.025);
}

.cart-variant-text,
.cart-discount-text,
.cart-addon-badge{
  color:var(--va-text-2);
}

.cart-addon-badge{
  background:rgba(255,255,255,.035);
  border-color:rgba(255,255,255,.05);
  padding:.3rem .6rem;
  border-radius:999px;
}

.cart-quantity-controls{
  max-width:8.7rem;
}

.cart-qty-btn{
  width:2.1rem;
  height:2.1rem;
  background:rgba(255,255,255,.05);
}

.cart-qty-btn:hover:not(:disabled){
  background:rgba(var(--va-accent-rgb), .14);
}

.cart-qty-input{
  background:rgba(255,255,255,.03);
}

.va-cart-summary-label{
  display:flex;
  align-items:center;
  gap:.55rem;
  font-size:.8rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:800;
  color:var(--va-text-2);
}

.va-cart-summary-row{
  font-size:1rem;
}

.va-cart-note{
  display:flex;
  align-items:flex-start;
  gap:.6rem;
  color:var(--va-text-2);
  font-size:.92rem;
  line-height:1.65;
}

.va-cart-note i{
  color:var(--va-accent);
  margin-top:.2rem;
}

.va-feedback-page,
.hb-feedbacks{
  padding-top:92px;
  padding-bottom:34px;
}

.va-feedback-page .container,
.hb-feedbacks .container{
  max-width:1220px;
}

.feedback-page-pagination{
  margin-top:1.5rem;
}

.va-feedback-card,
.ss-feedback-card{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  width:100%;
  min-height:224px;
  padding:1.15rem;
  overflow:hidden;
  animation:none !important;
  transform:none !important;
}

.ss-feedback-card::before{
  display:none !important;
}

.va-feedback-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  margin-bottom:1rem;
}

.va-feedback-stars{
  display:flex;
  align-items:center;
  gap:.3rem;
  font-size:.98rem;
}

.va-feedback-stars .star{
  color:rgba(255,210,90,.32);
}

.va-feedback-stars .star.filled{
  color:#ffd45a;
}

.va-feedback-icon{
  width:36px;
  height:36px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:rgba(var(--va-accent-rgb), .08);
  color:var(--va-accent);
}

.va-feedback-body{
  display:flex;
  flex-direction:column;
  gap:.95rem;
  flex:1 1 auto;
}

.va-feedback-message,
.va-feedback-reply-text{
  margin:0;
  color:var(--va-text);
  line-height:1.7;
}

.ss-feedback-more{
  color:var(--va-accent);
  font-size:.88rem;
}

.va-feedback-reply{
  padding:.9rem;
  border-radius:16px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.05);
}

.va-feedback-reply-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.8rem;
  margin-bottom:.55rem;
  color:var(--va-text-2);
  font-size:.82rem;
}

.va-feedback-reply-head span{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  color:var(--va-text);
  font-weight:600;
}

.va-feedback-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.8rem;
  margin-top:1rem;
  padding-top:.95rem;
  border-top:1px solid rgba(255,255,255,.06);
  color:var(--va-text-2);
  font-size:.84rem;
}

.va-feedback-product,
.va-feedback-date{
  display:flex;
  align-items:center;
  gap:.5rem;
}

.va-feedback-product{
  min-width:0;
}

.va-feedback-product span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hb-feedback-page .feedback-page-pill span,
.hb-feedbacks .feedbacks-pill span{
  background:rgba(255,255,255,.03) !important;
  border:1px solid rgba(255,255,255,.06) !important;
  box-shadow:none !important;
}

.hb-feedback-page .feedback-page-title,
.hb-feedbacks .feedbacks-title{
  font-weight:700 !important;
}

@media (max-width: 991.98px){
  .va-navbar .navbar-collapse{
    margin-top:.95rem;
    padding-top:.95rem;
    border-top:1px solid var(--va-border);
  }

  .va-nav-links{
    gap:.45rem;
  }

  .va-nav-link{
    display:flex;
    align-items:center;
    gap:.7rem;
    min-height:44px;
    padding:.8rem .95rem !important;
    border:1px solid var(--va-border);
    background:rgba(255,255,255,.025);
  }

  .va-nav-actions{
    flex-direction:column;
    align-items:stretch;
    padding-top:1rem;
  }

  .va-nav-actions > *{
    width:100%;
  }

  .currency-selector{
    display:block !important;
  }

  .va-nav-primary,
  .va-nav-secondary,
  .va-nav-icon{
    width:100%;
    min-height:44px;
    justify-content:center;
  }

  .va-page-intro,
  .va-cart-intro,
  .va-feedback-intro,
  .ss-form-header,
  .va-feedback-footer{
    flex-direction:column;
    align-items:flex-start;
  }

  .va-filter-card{
    position:static;
  }

  .ss-form-total,
  .va-page-meta{
    width:100%;
    text-align:left;
  }
}

@media (min-width: 992px){
  .flex-wrapper{
    padding-left:0 !important;
  }

  .va-navbar{
    position:sticky !important;
    top:0 !important;
    left:auto !important;
    bottom:auto !important;
    width:auto !important;
    border-right:0 !important;
    border-bottom:1px solid var(--va-border) !important;
    background:rgba(6,6,8,.88) !important;
    box-shadow:none !important;
  }

  .va-navbar .container{
    width:100%;
    max-width:1320px;
    height:auto;
    padding:.9rem 1rem;
  }

  .va-navbar-inner{
    min-height:74px;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
  }

  .va-brand{
    width:auto;
    flex-direction:row;
    justify-content:flex-start;
    text-align:left;
    padding:0;
  }

  .va-brand span{
    word-break:normal;
  }

  .va-brand-mark{
    width:42px;
    height:42px;
  }

  .va-navbar .navbar-collapse{
    display:flex !important;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    width:auto;
    height:auto;
    flex:1 1 auto;
  }

  .va-nav-links{
    width:auto;
    margin:0 auto !important;
    gap:.35rem;
    flex-direction:row;
    align-items:center;
    justify-content:center;
  }

  .va-nav-link{
    justify-content:center;
    min-height:42px;
    padding:.65rem .9rem !important;
    border-radius:14px;
    background:transparent;
    border:1px solid transparent;
  }

  .va-nav-link:hover,
  .va-nav-link:focus,
  .va-nav-link.active{
    background:rgba(255,255,255,.04);
    border-color:rgba(var(--va-accent-rgb), .14);
  }

  .va-nav-actions{
    width:auto;
    flex-direction:row;
    align-items:center;
    gap:.55rem;
    padding-top:0;
  }

  .currency-selector,
  .va-nav-actions .d-none.d-lg-block,
  .va-nav-actions .d-none.d-lg-inline-flex{
    display:flex !important;
  }

  .currency-selector{
    width:auto;
  }

  .currency-selector select{
    width:auto;
    min-width:104px;
    height:42px;
    border-radius:14px;
    border:1px solid var(--va-border);
    background:rgba(255,255,255,.03);
    color:var(--va-text);
  }

  .va-nav-primary,
  .va-nav-secondary,
  .va-nav-icon{
    width:auto;
    min-height:42px;
    height:42px;
    border-radius:14px;
  }

  .va-nav-primary,
  .va-nav-secondary{
    padding:0 1rem;
    white-space:nowrap;
  }

  .va-nav-icon{
    font-size:1rem;
  }

  .va-count{
    top:-6px;
    right:-6px;
  }
}


/* === v9 seamless flow + hero cleanup === */
:root{
  --va-surface-grad:none;
  --va-surface-grad-strong:none;
}

body{
  background:
    radial-gradient(920px 420px at 50% -8%, rgba(var(--va-accent-rgb), .10), transparent 58%),
    radial-gradient(440px 220px at 12% 10%, rgba(var(--va-accent-rgb), .045), transparent 70%),
    radial-gradient(440px 220px at 88% 12%, rgba(var(--va-accent-rgb), .04), transparent 70%),
    linear-gradient(180deg, #050505 0%, #020202 100%) !important;
}

.va-navbar,
.va-carousel,
.va-feature-card,
.va-product-card,
.va-community-card,
.va-product-gallery,
.va-product-summary,
.va-product-description,
.va-price-panel,
.ss-product-form,
.va-modal,
.modal-content,
.customer-sidebar,
.customer-dashboard-card,
.ticket-card,
.status-card,
.card,
.va-footer,
.va-search input,
.form-control,
.form-select,
.choices__inner,
.choices__list--dropdown,
.choices__list[aria-expanded],
.va-nav-secondary,
.va-nav-icon,
.va-buy-chip,
.va-stock-chip,
.va-tab-pills button,
.pagination .page-link,
.va-accordion .accordion-item,
.currency-selector select,
.va-nav-link{
  background-image:none !important;
}

.va-carousel::before,
.va-feature-card::before,
.va-product-card::before,
.va-community-card::before,
.va-product-gallery::before,
.va-product-summary::before,
.va-product-description::before,
.va-price-panel::before,
.ss-product-form::before,
.va-accordion .accordion-item::before{
  content:none !important;
}

.va-products,
.va-features,
.va-community,
.va-product-page,
.va-faq,
.va-products-page,
.va-feedback-page,
.va-cart-page{
  background:none !important;
}

.va-hero{
  position:relative;
  min-height:calc(100vh - 70px);
  padding:7.5rem 0 6rem;
}


.va-hero-bg{
  position:absolute;
  inset:0;
  overflow:hidden;
  pointer-events:none;
}

.va-hero-grid{
  inset:-10% 0 0;
  opacity:.52;
  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.92) 0%, rgba(0,0,0,.55) 55%, transparent 100%);
  -webkit-mask-image:linear-gradient(180deg, rgba(0,0,0,.92) 0%, rgba(0,0,0,.55) 55%, transparent 100%);
}

.va-hero-orb,
.va-hero-ring,
.va-hero-glow-line{
  position:absolute;
}

.va-hero-orb{
  border-radius:999px;
  filter:blur(70px);
  opacity:.12;
  background:rgba(var(--va-accent-rgb), .75);
}

.va-hero-orb-left{
  width:340px;
  height:340px;
  left:-90px;
  top:110px;
}

.va-hero-orb-right{
  width:380px;
  height:380px;
  right:-110px;
  top:40px;
  opacity:.1;
}

.va-hero-ring{
  border-radius:999px;
  border:1px solid rgba(var(--va-accent-rgb), .14);
}

.va-hero-ring-one{
  width:420px;
  height:420px;
  top:-90px;
  right:6%;
}

.va-hero-ring-two{
  width:300px;
  height:300px;
  bottom:60px;
  left:8%;
  border-color:rgba(var(--va-accent-rgb), .1);
}

.va-hero-glow-line{
  left:50%;
  top:22%;
  width:62%;
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg, transparent, rgba(var(--va-accent-rgb), .34), transparent);
  opacity:.75;
}

.va-hero-content{
  position:relative;
  z-index:2;
}

.va-pill{
  background:rgba(var(--va-accent-rgb), .08);
  border-color:rgba(var(--va-accent-rgb), .16);
}

.va-section-label{
  color:rgba(var(--va-accent-rgb), .95);
}

.va-products{
  padding:.5rem 0 5rem;
}

.va-products-head-main{
  margin:0 auto 2.35rem;
}

.va-product-card,
.va-feature-card,
.va-community-card,
.va-product-gallery,
.va-product-summary,
.va-product-description,
.ss-product-form,
.va-modal,
.va-filter-card,
.va-empty-panel,
.va-feedback-card,
.va-cart-summary,
.va-cart-item,
.va-page-intro,
.va-products-toolbar,
.va-footer{
  background:rgba(255,255,255,.02) !important;
  border-color:rgba(255,255,255,.08) !important;
  box-shadow:none !important;
}

.va-product-card:hover,
.va-feature-card:hover,
.va-community-card:hover{
  transform:translateY(-2px);
  border-color:rgba(var(--va-accent-rgb), .18) !important;
  box-shadow:0 8px 22px rgba(0,0,0,.18) !important;
}

.va-product-card-copy h3{
  margin-bottom:0;
}

.va-search input,
.form-control,
.form-select,
.choices__inner,
.currency-selector select{
  background:rgba(255,255,255,.03) !important;
  border-color:rgba(255,255,255,.08) !important;
}

.va-nav-primary,
.va-btn-primary,
.btn.btn-primary{
  background:var(--va-accent) !important;
  background-image:none !important;
}

.va-nav-link{
  background:transparent !important;
  border:1px solid transparent !important;
}

.va-nav-link:hover,
.va-nav-link:focus,
.va-nav-link.active{
  background:rgba(255,255,255,.04) !important;
  border-color:rgba(255,255,255,.08) !important;
}

@media (max-width: 767.98px){
  .va-hero{
    min-height:auto;
    padding:6.5rem 0 4.5rem;
  }

  .va-hero-ring-one{right:-100px; top:-30px;}
  .va-hero-ring-two{left:-80px; bottom:20px;}
  .va-hero-glow-line{width:88%; top:20%;}
}


/* === v10 navbar simplification + front-page feedback marquee === */
.va-navbar{
  background:rgba(5, 7, 10, .48) !important;
  border-bottom:1px solid rgba(255,255,255,.06) !important;
  box-shadow:none !important;
  backdrop-filter:blur(18px) saturate(120%);
  -webkit-backdrop-filter:blur(18px) saturate(120%);
}

.va-brand-copy,
.va-brand-label{
  display:none !important;
}

.va-brand-title{
  font-size:1rem;
  font-weight:700;
  letter-spacing:-.03em;
  color:var(--va-text);
}

.va-brand-mark{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:14px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.08);
}

.va-brand-mark img{
  width:100%;
  height:100%;
  border-radius:14px;
}

.va-nav-links{
  gap:.45rem;
}

.va-nav-link,
.va-nav-action-link{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.55rem;
  min-height:42px;
  padding:.65rem .95rem;
  border-radius:14px;
  border:1px solid transparent;
  background:rgba(255,255,255,.025);
  color:var(--va-text-2) !important;
  font-weight:600;
  transition:background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}

.va-nav-link:hover,
.va-nav-link:focus,
.va-nav-link.active,
.va-nav-action-link:hover,
.va-nav-action-link:focus{
  background:rgba(255,255,255,.05);
  border-color:rgba(var(--va-accent-rgb), .18);
  color:var(--va-text) !important;
  transform:translateY(-1px);
}

.va-nav-action-link{
  appearance:none;
  -webkit-appearance:none;
  box-shadow:none;
}

button.va-nav-action-link{
  outline:none;
}

.va-nav-cart,
.va-nav-login,
.va-nav-discord{
  background:rgba(255,255,255,.03);
}

.va-nav-discord{
  color:var(--va-text) !important;
}

.va-nav-actions{
  gap:.5rem;
}

.va-count{
  top:-5px;
  right:-5px;
}

@media (max-width: 991.98px){
  .va-navbar .navbar-collapse{
    margin-top:.95rem;
    padding-top:.95rem;
    border-top:1px solid rgba(255,255,255,.06);
  }

  .va-nav-links,
  .va-nav-actions{
    width:100%;
    flex-direction:column;
    align-items:stretch;
  }

  .va-nav-link,
  .va-nav-action-link{
    width:100%;
    justify-content:flex-start;
  }
}


/* ═══════════════════════════════════════════════════════════════
   SCROLL-REVEAL  ·  fade-in + slide-up + bouncy spring
   ═══════════════════════════════════════════════════════════════ */

/* Hidden state */
.ss-reveal {
  opacity: 0;
  transform: translateY(40px);
  transition:
    opacity   .75s cubic-bezier(0.22, 1, 0.36, 1),
    transform .85s cubic-bezier(0.34, 1.38, 0.64, 1);
  will-change: opacity, transform;
}

/* Card variant — lower start, bouncier overshoot */
.ss-reveal.ss-card {
  transform: translateY(50px) scale(0.96);
  transition:
    opacity   .75s cubic-bezier(0.22, 1, 0.36, 1),
    transform .9s  cubic-bezier(0.34, 1.5, 0.64, 1);
}

/* Slow variant — headings, hero copy, big titles */
.ss-reveal.ss-slow {
  transform: translateY(30px);
  transition:
    opacity   .95s cubic-bezier(0.22, 1, 0.36, 1),
    transform 1.05s cubic-bezier(0.34, 1.28, 0.64, 1);
}

/* Visible state */
.ss-reveal.in-view {
  opacity:   1;
  transform: translateY(0) scale(1);
}

/* ── Stagger delays (data-stagger 1-8) ───────────────────────── */
.ss-reveal[data-stagger="1"] { transition-delay: .06s }
.ss-reveal[data-stagger="2"] { transition-delay: .14s }
.ss-reveal[data-stagger="3"] { transition-delay: .22s }
.ss-reveal[data-stagger="4"] { transition-delay: .30s }
.ss-reveal[data-stagger="5"] { transition-delay: .38s }
.ss-reveal[data-stagger="6"] { transition-delay: .46s }
.ss-reveal[data-stagger="7"] { transition-delay: .54s }
.ss-reveal[data-stagger="8"] { transition-delay: .62s }

/* Clear delay once landed */
.ss-reveal.in-view {
  transition-delay: 0s !important;
}



/* === v9 visual-editor sync + cleaner announcement/navbar === */
.va-announcement{
  position:relative;
  z-index:41;
  border-bottom:1px solid rgba(255,255,255,.05);
  background:rgba(0,0,0,.38);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

.va-announcement-inner{
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:.5rem 0;
}

.va-announcement-copy{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.7rem;
  flex:1 1 auto;
  min-width:0;
}

.va-announcement-icon{
  flex:0 0 auto;
  width:1.65rem;
  height:1.65rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:rgba(var(--va-accent-rgb), .12);
  color:var(--va-accent);
  border:1px solid rgba(var(--va-accent-rgb), .18);
  font-size:.78rem;
}

.va-announcement-text{
  color:var(--va-text);
  font-size:.84rem;
  font-weight:600;
  line-height:1.35;
}

.va-announcement-link{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  color:var(--va-accent);
  font-size:.8rem;
  font-weight:700;
  padding:.42rem .7rem;
  border-radius:999px;
  background:rgba(var(--va-accent-rgb), .08);
  border:1px solid rgba(var(--va-accent-rgb), .16);
}

.va-announcement-link:hover,
.va-announcement-link:focus{
  color:var(--va-text);
  border-color:rgba(var(--va-accent-rgb), .28);
  background:rgba(var(--va-accent-rgb), .12);
}

.va-navbar{
  position:sticky;
  top:0;
  z-index:40;
  border-bottom:1px solid rgba(255,255,255,.05);
  background:rgba(0,0,0,.42);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

.va-navbar-inner{
  min-height:72px;
  gap:1rem;
}

.va-brand{
  display:flex;
  align-items:center;
  gap:.72rem;
  color:var(--va-text)!important;
  font-weight:800;
  letter-spacing:-.03em;
}

.va-brand-mark{
  width:38px;
  height:38px;
  flex:0 0 38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.06);
  overflow:hidden;
}

.va-brand-mark.is-fallback{
  color:var(--va-accent);
}

.va-brand-title{
  font-size:1rem;
  line-height:1;
}

.va-nav-links,
.va-nav-actions{
  display:flex;
  align-items:center;
  gap:.45rem;
}

.va-nav-link,
.va-nav-action-link{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.55rem;
  min-height:42px;
  padding:.64rem .95rem;
  border-radius:14px;
  border:1px solid transparent;
  background:rgba(255,255,255,.022);
  color:var(--va-text-2)!important;
  font-weight:600;
  line-height:1;
  transition:background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

.va-nav-link i,
.va-nav-action-link i{
  font-size:.92rem;
}

.va-nav-link:hover,
.va-nav-link:focus,
.va-nav-link.active,
.va-nav-action-link:hover,
.va-nav-action-link:focus{
  color:var(--va-text)!important;
  background:rgba(255,255,255,.045);
  border-color:rgba(var(--va-accent-rgb), .18);
  transform:translateY(-1px);
}

.va-nav-link.is-button,
.va-nav-action-link.is-button,
.va-nav-discord{
  background:rgba(var(--va-accent-rgb), .11);
  border-color:rgba(var(--va-accent-rgb), .18);
  color:var(--va-text)!important;
}

.va-nav-link.is-button:hover,
.va-nav-link.is-button:focus,
.va-nav-action-link.is-button:hover,
.va-nav-action-link.is-button:focus,
.va-nav-discord:hover,
.va-nav-discord:focus{
  background:rgba(var(--va-accent-rgb), .16);
  border-color:rgba(var(--va-accent-rgb), .26);
}

button.va-nav-action-link{
  appearance:none;
  -webkit-appearance:none;
  box-shadow:none;
  outline:none;
}

.va-count{
  top:-5px;
  right:-5px;
}

@media (max-width: 991.98px){
  .va-announcement-inner{
    justify-content:center;
    text-align:center;
    padding:.6rem 0;
  }

  .va-announcement-copy{
    justify-content:center;
    flex-wrap:wrap;
  }

  .va-navbar .navbar-collapse{
    margin-top:.95rem;
    padding-top:.95rem;
    border-top:1px solid rgba(255,255,255,.06);
  }

  .va-nav-links,
  .va-nav-actions{
    width:100%;
    flex-direction:column;
    align-items:stretch;
  }

  .va-nav-link,
  .va-nav-action-link{
    justify-content:center;
    width:100%;
    min-height:46px;
  }
}


/* ===============================
   Added: social proof stats, popup, and modal refinements
   =============================== */
.va-social-proof{
  padding:4.75rem 0;
}

.va-social-proof-head{
  margin-bottom:2.4rem;
}

.va-social-proof-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  margin-bottom:1rem;
}

.va-social-proof-card{
  position:relative;
  overflow:hidden;
  min-height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:.55rem;
  padding:2rem 1.5rem;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.02);
  box-shadow:none;
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.va-social-proof-card::before{
  content:"";
  position:absolute;
  inset:-35% auto auto -12%;
  width:220px;
  height:220px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(var(--va-accent-rgb), .14), transparent 68%);
  opacity:.55;
  pointer-events:none;
}

.va-social-proof-card:hover{
  transform:translateY(-2px);
  border-color:rgba(var(--va-accent-rgb), .18);
  box-shadow:0 8px 22px rgba(0,0,0,.18);
}

.va-social-proof-icon{
  width:54px;
  height:54px;
  border-radius:16px;
  display:grid;
  place-items:center;
  margin-bottom:.35rem;
  background:rgba(var(--va-accent-rgb), .1);
  border:1px solid rgba(var(--va-accent-rgb), .16);
  color:var(--va-accent);
  font-size:1.05rem;
}

.va-social-proof-value{
  font-size:clamp(2rem, 4vw, 3.25rem);
  line-height:1;
  letter-spacing:-.05em;
  font-weight:800;
  color:var(--va-text);
}

.va-social-proof-card h3{
  margin:0;
  font-size:1rem;
  font-weight:700;
  color:var(--va-text);
}

.va-social-proof-card p{
  margin:0;
  font-size:.88rem;
  line-height:1.55;
  color:var(--va-text-2);
}

.modal-backdrop.show{
  opacity:.86;
  background:rgba(0,0,0,.92);
  -webkit-backdrop-filter:blur(7px);
  backdrop-filter:blur(7px);
}

.va-group-modal .modal-dialog,
.va-customer-login-modal .modal-dialog{
  max-width:min(100%, calc(100vw - 1.5rem));
}

.va-group-modal .modal-dialog{
  width:min(1140px, calc(100vw - 1.5rem));
}

.va-customer-login-modal .modal-dialog{
  width:min(560px, calc(100vw - 1.5rem));
}

.va-group-modal-header,
.va-customer-login-modal .modal-content{
  border-color:rgba(255,255,255,.08);
}

.va-group-modal-header{
  align-items:flex-start;
  gap:1rem;
  padding:1.35rem 1.35rem 1rem;
}

.va-group-modal-copy{
  display:flex;
  flex-direction:column;
  gap:.35rem;
}

.va-group-modal-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(var(--va-accent-rgb), .95);
}

.va-group-modal-subtitle{
  margin:0;
  color:var(--va-text-2);
  font-size:.92rem;
}

.va-group-modal-body{
  padding:0 1.35rem 1.35rem;
}

.va-group-modal-grid{
  margin-top:.25rem;
}

.va-login-modal-card{
  position:relative;
  padding:1.45rem;
}

.va-login-close{
  position:absolute;
  top:1rem;
  right:1rem;
  z-index:2;
}

.va-login-modal-head{
  margin-bottom:1.25rem;
  padding-right:2rem;
}

.va-login-pill{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  margin-bottom:.95rem;
}

.va-login-modal-head h5{
  margin:0;
  font-size:clamp(1.45rem, 3vw, 1.9rem);
  font-weight:800;
  letter-spacing:-.04em;
}

.va-login-modal-head p{
  margin:.7rem 0 0;
  color:var(--va-text-2);
  line-height:1.6;
}

.va-login-steps{
  display:flex;
  gap:.65rem;
  margin-bottom:1rem;
}

.va-login-step{
  flex:1 1 0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:.7rem .95rem;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
  color:var(--va-text-2);
  font-size:.82rem;
  font-weight:700;
}

.va-login-step.is-active{
  color:var(--va-text);
  border-color:rgba(var(--va-accent-rgb), .2);
  background:rgba(var(--va-accent-rgb), .1);
}

.va-login-form .form-label{
  font-weight:700;
}

.va-step-back{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  background:rgba(255,255,255,.03);
  color:var(--va-text);
  padding:.55rem .8rem;
  font-size:.78rem;
  font-weight:700;
}

.va-step-back:hover{
  border-color:rgba(var(--va-accent-rgb), .2);
  background:rgba(var(--va-accent-rgb), .08);
}

.va-otp-grid{
  display:grid;
  grid-template-columns:repeat(6, minmax(0, 1fr));
  gap:.6rem;
}

.va-otp-grid .form-control{
  height:3.3rem;
  padding:.35rem;
  border-radius:14px;
  font-size:1.2rem;
  font-weight:700;
}

.va-purchase-popup-shell{
  position:fixed;
  inset:0;
  z-index:1098;
  pointer-events:none;
}

.va-popup-widget{
  position:fixed;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:1rem;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity var(--va-popup-speed, .32s) ease, visibility var(--va-popup-speed, .32s) ease;
}

.va-popup-position-bottom-right .va-popup-widget,
.va-popup-position-bottom-left .va-popup-widget{
  align-items:flex-end;
}

.va-popup-position-bottom-right .va-popup-widget{
  justify-content:flex-end;
}

.va-popup-position-bottom-left .va-popup-widget{
  justify-content:flex-start;
}

.va-popup-widget.is-visible{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.va-popup-overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.82);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  opacity:0;
  transition:opacity var(--va-popup-speed, .32s) ease;
}

.va-popup-widget.is-visible .va-popup-overlay{
  opacity:1;
}

.va-popup-card{
  position:relative;
  width:min(420px, calc(100vw - 1.5rem));
  border-radius:22px;
  overflow:hidden;
  border:1px solid rgba(var(--va-accent-rgb), .24);
  background:linear-gradient(180deg, rgba(12,12,18,.98), rgba(9,9,14,.96));
  box-shadow:0 0 0 1px rgba(255,255,255,.03), 0 24px 64px rgba(0,0,0,.55), 0 0 44px rgba(var(--va-accent-rgb), .12);
  transform:translateY(18px) scale(.975);
  opacity:0;
  transition:transform var(--va-popup-speed, .32s) cubic-bezier(.22,1,.36,1), opacity var(--va-popup-speed, .32s) ease;
}

.va-popup-position-bottom-right .va-popup-card,
.va-popup-position-bottom-left .va-popup-card{
  width:min(390px, calc(100vw - 1.5rem));
}

.va-popup-widget.is-visible .va-popup-card{
  transform:translateY(0) scale(1);
  opacity:1;
}

.va-popup-bar{
  height:3px;
  background:linear-gradient(90deg, transparent 0%, rgba(var(--va-accent-rgb), .85) 20%, var(--va-accent) 50%, rgba(var(--va-accent-rgb), .85) 80%, transparent 100%);
  background-size:200% auto;
  animation:va-popup-shimmer 3s linear infinite;
}

.va-popup-close{
  position:absolute;
  top:14px;
  right:14px;
  width:30px;
  height:30px;
  border-radius:10px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
  color:rgba(255,255,255,.45);
  transition:background .16s ease, border-color .16s ease, color .16s ease;
}

.va-popup-close:hover{
  color:var(--va-accent);
  border-color:rgba(var(--va-accent-rgb), .28);
  background:rgba(var(--va-accent-rgb), .12);
}

.va-popup-icon{
  width:54px;
  height:54px;
  border-radius:16px;
  display:grid;
  place-items:center;
  margin:28px auto 0;
  background:rgba(var(--va-accent-rgb), .12);
  border:1px solid rgba(var(--va-accent-rgb), .26);
  color:var(--va-accent);
  box-shadow:0 0 28px rgba(var(--va-accent-rgb), .18);
  font-size:1.35rem;
}

.va-popup-body{
  padding:18px 28px 28px;
  display:flex;
  flex-direction:column;
  gap:14px;
  text-align:center;
}

.va-popup-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:4px 12px;
  margin:0 auto;
  border-radius:999px;
  border:1px solid rgba(var(--va-accent-rgb), .24);
  background:rgba(var(--va-accent-rgb), .12);
  color:var(--va-accent);
  font-size:10px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.va-popup-title{
  margin:0;
  font-size:clamp(1.65rem, 3vw, 2rem);
  line-height:1.15;
  letter-spacing:-.04em;
  font-weight:800;
  color:var(--va-text);
}

.va-popup-text{
  margin:0;
  font-size:.92rem;
  line-height:1.65;
  color:var(--va-text-2);
}

.va-popup-code{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  width:100%;
  padding:.95rem 1rem;
  border-radius:12px;
  border:1px dashed rgba(var(--va-accent-rgb), .36);
  background:rgba(var(--va-accent-rgb), .08);
  transition:background .18s ease, border-color .18s ease, transform .18s ease;
}

.va-popup-code:hover{
  background:rgba(var(--va-accent-rgb), .12);
  border-color:rgba(var(--va-accent-rgb), .52);
  transform:translateY(-1px);
}

.va-popup-code-value{
  font-size:1.1rem;
  font-weight:800;
  letter-spacing:.12em;
  color:var(--va-accent);
}

.va-popup-code-action{
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(var(--va-accent-rgb), .72);
}

.va-popup-code-action.is-copied{
  display:none;
}

.va-popup-code.is-copied [data-popup-copy-label]{
  display:none;
}

.va-popup-code.is-copied [data-popup-copied-label]{
  display:inline;
}

.va-popup-countdown{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
}

.va-popup-countdown-label{
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--va-text-3);
}

.va-popup-countdown-value{
  font-size:.85rem;
  font-weight:800;
  color:var(--va-accent);
  letter-spacing:.08em;
}

.va-popup-stats{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  padding:12px 16px;
  background:rgba(var(--va-accent-rgb), .06);
  border:1px solid rgba(var(--va-accent-rgb), .14);
  border-radius:12px;
}

.va-popup-stat{
  display:flex;
  align-items:center;
  gap:6px;
}

.va-popup-stat-dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--va-accent);
  box-shadow:0 0 8px rgba(var(--va-accent-rgb), .6);
  animation:va-popup-pulse 2s ease-in-out infinite;
}

.va-popup-stat-value{
  font-size:.98rem;
  font-weight:800;
  color:var(--va-text);
}

.va-popup-stat-label{
  font-size:.68rem;
  color:var(--va-text-2);
  text-transform:lowercase;
}

.va-popup-stat-separator{
  width:1px;
  height:24px;
  background:rgba(255,255,255,.08);
}

.va-popup-primary,
.va-popup-secondary{
  width:100%;
  min-height:46px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.9rem 1rem;
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.va-popup-primary{
  background:var(--va-accent);
  color:#000;
  box-shadow:0 12px 30px rgba(var(--va-accent-rgb), .16);
}

.va-popup-primary:hover{
  box-shadow:0 14px 34px rgba(var(--va-accent-rgb), .24);
}

.va-popup-secondary{
  border:1px solid rgba(255,255,255,.08);
  background:transparent;
  color:rgba(255,255,255,.45);
}

.va-popup-secondary:hover{
  color:var(--va-text);
  background:rgba(255,255,255,.04);
}

.va-purchase-popup-shell.is-builder{
  position:fixed;
  inset:auto 1rem 1rem auto;
  pointer-events:auto;
}

.va-purchase-popup-shell.is-builder .va-popup-widget{
  position:relative;
  inset:auto;
  display:block;
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  padding:0;
}

.va-purchase-popup-shell.is-builder .va-popup-overlay{
  display:none;
}

.va-purchase-popup-shell.is-builder .va-popup-card{
  transform:none;
  opacity:1;
}

.va-managed-modal-backdrop{
  z-index:1050;
}

@keyframes va-popup-shimmer{
  to{background-position:200% center;}
}

@keyframes va-popup-pulse{
  0%,100%{opacity:1;}
  50%{opacity:.45;}
}

@media (max-width: 767.98px){
  .va-popup-widget{
    padding:.75rem;
  }

  .va-popup-card,
  .va-popup-position-bottom-right .va-popup-card,
  .va-popup-position-bottom-left .va-popup-card{
    width:min(100%, calc(100vw - 1.5rem));
  }

  .va-popup-body{
    padding:18px 18px 18px;
  }

  .va-popup-stats{
    gap:12px;
    padding:11px 12px;
  }

  .va-popup-stat-value{
    font-size:.92rem;
  }

  .va-popup-position-bottom-left .va-popup-widget,
  .va-popup-position-bottom-right .va-popup-widget{
    justify-content:center;
    align-items:flex-end;
  }
}



/* ================================================================
   CUSTOM MANAGED MODALS + TESTIMONIALS 2.0
   ================================================================ */
.va-managed-modal-shell{
  position:fixed;
  inset:0;
  z-index:1095;
  display:none;
  align-items:center;
  justify-content:center;
  padding:1rem;
  background:rgba(3,4,8,.54);
  -webkit-backdrop-filter:blur(6px);
  backdrop-filter:blur(6px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .18s ease, visibility .18s ease;
}

.va-managed-modal-shell.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.va-managed-modal-dialog{
  width:min(100%, calc(100vw - 1rem));
  max-height:min(100%, calc(100vh - 1rem));
  display:flex;
  align-items:center;
  justify-content:center;
}

.va-managed-modal-panel{
  width:100%;
  max-height:min(100%, calc(100vh - 1rem));
  overflow:auto;
  transform:translateY(16px) scale(.985);
  opacity:0;
  transition:transform .18s ease, opacity .18s ease;
}

.va-managed-modal-shell.is-open .va-managed-modal-panel{
  transform:translateY(0) scale(1);
  opacity:1;
}

.va-group-modal-dialog{
  max-width:min(1140px, calc(100vw - 1rem));
}

.va-login-modal-dialog{
  max-width:min(560px, calc(100vw - 1rem));
}

.va-group-modal .va-modal,
.va-customer-login-modal .va-modal{
  border-color:rgba(255,255,255,.08);
}

.va-testimonials{
  position:relative;
  padding:96px 0 26px;
}

.va-testimonials-head{
  margin-bottom:2rem;
}

.va-testimonials-marquee{
  position:relative;
  overflow:hidden;
  mask-image:linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
  -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
}

.va-testimonials-track{
  display:flex;
  gap:1rem;
  width:max-content;
  animation:vaTestimonialsMarquee 60s linear infinite;
  will-change:transform;
}

.va-testimonials-marquee:hover .va-testimonials-track{
  animation-play-state:paused;
}

.va-testimonial-card{
  flex:0 0 min(360px, calc(100vw - 2rem));
  width:min(360px, calc(100vw - 2rem));
  min-height:100%;
  padding:1.25rem;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at top, rgba(var(--va-accent-rgb), .12), transparent 58%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  box-shadow:0 24px 60px rgba(0,0,0,.3);
}

.va-testimonial-card-head{
  display:flex;
  align-items:center;
  gap:.9rem;
  margin-bottom:.95rem;
}

.va-testimonial-avatar{
  width:52px;
  height:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1rem;
  font-weight:800;
  color:var(--va-text);
  background:rgba(var(--va-accent-rgb), .12);
  border:1px solid rgba(var(--va-accent-rgb), .18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}

.va-testimonial-avatar i{
  color:var(--va-accent);
}

.va-testimonial-meta h3{
  margin:0 0 .3rem;
  font-size:1rem;
  font-weight:700;
  color:var(--va-text);
}

.va-testimonial-stars{
  display:flex;
  align-items:center;
  gap:.22rem;
  font-size:.82rem;
  color:var(--va-accent);
}

.va-testimonial-stars .is-dim{
  opacity:.28;
}

.va-testimonial-text{
  margin:0;
  color:var(--va-text-2);
  line-height:1.72;
  font-size:.96rem;
}

.va-testimonials-empty{
  padding:1.1rem 1.2rem;
  border-radius:18px;
  border:1px dashed rgba(255,255,255,.12);
  color:var(--va-text-2);
  background:rgba(255,255,255,.02);
}

@keyframes vaTestimonialsMarquee{
  from{transform:translateX(0)}
  to{transform:translateX(-33.333%)}
}

@media (max-width: 767.98px){
  .va-testimonials{
    padding:82px 0 22px;
  }

  .va-testimonials-marquee{
    mask-image:none;
    -webkit-mask-image:none;
  }

  .va-testimonials-track{
    animation-duration:44s;
  }

  .va-managed-modal-shell{
    padding:.75rem;
  }

  .va-otp-grid{
    gap:.45rem;
  }
}


/* ================================================================
   HOTFIXES — POPUP / MODALS / DIVIDERS
   ================================================================ */
.va-divider{
  display:none !important;
}

.va-purchase-popup-shell{
  z-index:1105;
}

.va-popup-card{
  pointer-events:auto;
}

.va-popup-body{
  gap:12px;
}

.va-popup-primary{
  min-height:44px;
}

.va-popup-secondary{
  min-height:40px;
}

.va-managed-modal-shell{
  transition:opacity .24s ease, visibility .24s ease;
}

.va-managed-modal-shell::before{
  content:none;
}

.va-managed-modal-dialog,
.va-managed-modal-panel{
  position:relative;
  z-index:1;
}

.va-group-modal .va-managed-modal-panel{
  transform:translateY(30px) scale(.965);
  transition:transform .24s cubic-bezier(.22,1,.36,1), opacity .24s ease;
}

.va-group-modal.is-open .va-managed-modal-panel{
  transform:translateY(0) scale(1);
}

.va-customer-login-modal{
  background:transparent !important;
}

.va-login-modal-card{
  position:relative;
  padding:1.45rem;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(15,15,15,.98), rgba(8,8,8,.96));
  box-shadow:0 24px 60px rgba(0,0,0,.42);
}

.va-customer-login-modal .va-managed-modal-panel,
.va-group-modal .va-managed-modal-panel{
  overflow:visible;
}

@media (max-width: 767.98px){
  .va-login-modal-card{
    padding:1.1rem;
    border-radius:20px;
  }
}