.elementor-52 .elementor-element.elementor-element-182475e{--display:flex;--position:fixed;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--flex-wrap:wrap;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:999;}.elementor-52 .elementor-element.elementor-element-182475e.e-con{--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-52 .elementor-element.elementor-element-182475e{left:0px;}body.rtl .elementor-52 .elementor-element.elementor-element-182475e{right:0px;}@media(min-width:768px){.elementor-52 .elementor-element.elementor-element-182475e{--width:101.309%;}}/* Start custom CSS for container, class: .elementor-element-182475e *//* === Get Blitzed header: animated border + readable white text === */

/* 1) Header container (apply class "gb" to the header section) */
header.gb{
  --gb-c1:#00f0ff;        /* neon cyan */
  --gb-c2:#ff00ff;        /* magenta   */
  --gb-c3:#39ff14;        /* neon green*/
  --gb-b:3px;             /* border thickness */
  --gb-r:12px;            /* corner radius */
  --gb-spd:7s;            /* border animation speed */
  position:relative;
  border-radius:var(--gb-r);
  overflow:visible;
}

/* 2) Moving “LED” border drawn with pseudo elements on the header itself */
header.gb::before,
header.gb::after{
  content:"";
  position:absolute;
  inset:0;                           /* FULL size of the header */
  border-radius:inherit;
  pointer-events:none;
  background:
    /* top & bottom strips */
    linear-gradient(90deg,var(--gb-c1),var(--gb-c2),var(--gb-c3),var(--gb-c1)) top/100% var(--gb-b) no-repeat,
    linear-gradient(90deg,var(--gb-c1),var(--gb-c2),var(--gb-c3),var(--gb-c1)) bottom/100% var(--gb-b) no-repeat,
    /* left & right strips */
    linear-gradient(180deg,var(--gb-c1),var(--gb-c2),var(--gb-c3),var(--gb-c1)) left/var(--gb-b) 100% no-repeat,
    linear-gradient(180deg,var(--gb-c1),var(--gb-c2),var(--gb-c3),var(--gb-c1)) right/var(--gb-b) 100% no-repeat;
  background-size:
    300% var(--gb-b),
    300% var(--gb-b),
    var(--gb-b) 300%,
    var(--gb-b) 300%;
  animation: gb-train var(--gb-spd) linear infinite;
  z-index:0;                          /* stays behind the header content */
}

/* Glow pass (subtle) */
header.gb::after{
  filter: blur(10px);
  opacity:.6;
}

/* Keep header content clickable and above the border layers */
header.gb > *{
  position:relative;
  z-index:1;
}

/* 3) Readable white nav links over any background (no chunky outline) */
header.gb .gb-menu > li > a{
  color:#fff !important;
  text-shadow:0 1px 3px rgba(0,0,0,.55); /* light, fast, readable */
  font-weight:600;
}

/* Dropdown items stay clean */
header.gb .gb-sub li a{ text-shadow:none; }

/* Optional: make the Wholesale pill dark */
header.gb .gb-menu a[href="/wholesale/"]{
  color:#000 !important;
  font-weight:800;
  text-shadow:none !important;
}

/* Soft animated movement of the gradient around the frame */
@keyframes gb-train{
  0%   { background-position: 0% 0%, 100% 100%, 0% 0%, 100% 100%; }
  50%  { background-position: 100% 0%, 0%   100%, 0% 100%, 100% 0%; }
  100% { background-position: 0% 0%, 100% 100%, 0% 0%, 100% 100%; }
}

/* --- DO NOT paste plain sentences in CSS. Use comments like this: ---
   This setup removes heavy text-stroke and fixes border sizing.
-------------------------------------------------------------------- *//* End custom CSS */