.elementor-389 .elementor-element.elementor-element-9624aa8{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-9052b44 *//* VALUE HOUSE NAV — text + underline orange on hover + active */
.vh-nav .vh-nav-links a{
  color: rgba(255,255,255,.80);
  transition: all .2s ease;
  border-bottom: 2px solid transparent;
}

/* ✅ hover: text becomes ORANGE + underline ORANGE */
.vh-nav .vh-nav-links a:hover{
  color:#E65100 !important;
  background: rgba(255,255,255,.05);
  border-bottom-color:#E65100;
}

/* ✅ active/current category stays ORANGE */
.vh-nav .vh-nav-links li.current-menu-item > a,
.vh-nav .vh-nav-links li.current-menu-ancestor > a,
.vh-nav .vh-nav-links li.current-menu-parent > a,
.vh-nav .vh-nav-links a[aria-current="page"]{
  color:#E65100 !important;
  border-bottom-color:#E65100 !important;
}
.vh-nav-links a{ white-space:nowrap; }
/* ================================
   VALUE HOUSE NAV — smaller font so all categories fit
================================ */

/* make menu text smaller */
.vh-nav .vh-nav-links a{
  font-size: 13px;      /* try 13px (12px if still tight) */
  padding: 12px 10px;   /* slightly tighter horizontal padding */
  letter-spacing: .1px;
}

/* keep underline thinner so it looks balanced with smaller font */
.vh-nav .vh-nav-links a{
  border-bottom-width: 2px; /* set to 1px if you want more minimal */
}

/* reduce spacing between items (big reason it overflows) */
.vh-nav .vh-nav-links{
  gap: 26px;            /* was larger before; lower if needed (20px) */
}

/* optional: if you want the whole nav bar height a bit smaller */
.vh-nav{
  padding-top: 2px;
  padding-bottom: 2px;
}/* =========================================================
   VALUE HOUSE — NAV FIT + ALIGN WITH HEADER PADDING
========================================================= */

/* match header container width/padding */
.vh-nav{ width:100%; }
.vh-nav .vh-container{
  max-width:1280px;        /* match your header container */
  margin:0 auto;
  padding:0 24px;          /* match header left/right padding */
  box-sizing:border-box;
  display:flex;
  align-items:center;
}

/* remove UL default indent + keep one line */
.vh-nav .vh-nav-links{
  list-style:none;
  margin:0 !important;
  padding:0 !important;    /* IMPORTANT: removes left shift */
  display:flex;
  align-items:center;
  justify-content:space-between; /* spreads items to fill width */
  width:100%;
  gap:18px;                /* fallback spacing */
}

/* make items smaller/tighter */
.vh-nav .vh-nav-links a{
  font-size:12.5px;        /* smaller */
  line-height:1;
  padding:10px 8px;        /* tighter */
  white-space:nowrap;
  border-bottom:2px solid transparent; /* keep your underline behavior */
}

/* optional: slightly tighter overall nav height */
.vh-nav{ padding:2px 0; }

/* responsive padding like header */
@media (max-width:1024px){
  .vh-nav .vh-container{ padding:0 18px; }
  .vh-nav .vh-nav-links{
    justify-content:flex-start;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    gap:14px;
  }
  .vh-nav .vh-nav-links::-webkit-scrollbar{ display:none; }
}
@media (max-width:768px){
  .vh-nav .vh-container{ padding:0 16px; }
  .vh-nav .vh-nav-links a{ font-size:12px; padding:9px 8px; }
}

/* VALUE HOUSE — HEADER: mobile search full width on its own row */
@media (max-width: 768px){

  /* allow wrapping in the main header row */
  .vh-header-main .vh-container{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
  }

  /* keep logo + actions on first row */
  .vh-logo{
    order: 1;
    flex: 1 1 auto;
    min-width: 160px;
  }

  .vh-header-actions{
    order: 2;
    flex: 0 0 auto;
    display: flex;
    gap: 12px;
    margin-left: auto;
  }

  .vh-mobile-toggle{
    order: 3;
    flex: 0 0 auto;
  }

  /* search goes to next line and becomes full width */
  .vh-search{
    order: 4;
    flex: 0 0 100%;
    width: 100%;
    margin: 0;
  }

  .vh-search input[type="search"]{
    width: 100%;
  }
}/* VALUE HOUSE — Mobile: show search + full width on its own row */
@media (max-width: 768px){

  /* make sure the header row can wrap */
  .vh-header-main .vh-container{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    gap:12px !important;
  }

  /* keep top items on first row */
  .vh-logo{ order:1; flex:1 1 auto; min-width:160px; }
  .vh-header-actions{ order:2; margin-left:auto; }
  .vh-mobile-toggle{ order:3; }

  /* search on 2nd row, full width (and force it visible if it was hidden) */
  .vh-search{
    order:4;
    flex:0 0 100% !important;
    width:100% !important;
    display:flex !important;
    margin:10px 0 0 !important;
    z-index:5;
  }

  .vh-search input[type="search"]{
    flex:1 1 auto;
    width:100% !important;
    min-width:0;
  }

  .vh-search button{
    flex:0 0 auto;
    white-space:nowrap;
  }
}
/* VALUE HOUSE — Mobile header layout:
   Logo | Account | Cart | Burger
   Search on next line full width
*/
@media (max-width: 768px){

  /* main row can wrap */
  .vh-header-main .vh-container{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    gap:12px !important;
  }

  /* row 1 */
  .vh-logo{
    order:1;
    flex:1 1 auto;
    min-width:160px;
  }

  .vh-header-actions{
    order:2;
    display:flex !important;
    align-items:center !important;
    gap:14px !important;
    margin-left:auto !important;
    flex:0 0 auto !important;
  }

  /* burger beside cart/account */
  .vh-mobile-toggle{
    order:3;
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:44px;
    height:44px;
    margin-left:8px;

    border-radius:10px;
    border:1px solid rgba(255,255,255,.14);
    background: rgba(255,255,255,.08);
    cursor:pointer;
  }

  .vh-mobile-toggle svg{
    width:22px;
    height:22px;
    stroke:#fff;
    stroke-width:2;
    fill:none;
  }

  /* row 2: search full width */
  .vh-search{
    order:4;
    flex:0 0 100% !important;
    width:100% !important;
    display:flex !important;
    margin:10px 0 0 !important;
  }

  .vh-search input[type="search"]{
    flex:1 1 auto;
    width:100% !important;
    min-width:0;
  }

  .vh-search button{
    flex:0 0 auto;
    white-space:nowrap;
  }
}
/* VALUE HOUSE — Burger button hover = ORANGE (override pink) */
.vh-mobile-toggle{
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.14) !important;
}

.vh-mobile-toggle:hover,
.vh-mobile-toggle:focus,
.vh-mobile-toggle:focus-visible,
.vh-mobile-toggle:active{
  background: #E65100 !important;
  border-color: #E65100 !important;
}

/* keep icon white on hover */
.vh-mobile-toggle:hover svg,
.vh-mobile-toggle:focus-visible svg,
.vh-mobile-toggle:active svg{
  stroke: #fff !important;
}
/* VALUE HOUSE — Mobile header: burger BESIDE cart/account (grid layout) */
@media (max-width: 768px){

  /* 2-row grid */
  .vh-header-main .vh-container{
    display:grid !important;
    grid-template-columns: 1fr auto auto; /* logo | actions | burger */
    grid-template-rows: auto auto;        /* row1 | row2(search) */
    grid-template-areas:
      "logo actions burger"
      "search search search";
    align-items:center !important;
    gap:12px !important;
  }

  .vh-logo{
    grid-area:logo;
    min-width:0; /* allow logo to shrink */
  }

  .vh-header-actions{
    grid-area:actions;
    display:flex !important;
    align-items:center !important;
    gap:14px !important;
    margin:0 !important;
  }

  /* burger beside cart (NOT below) */
  .vh-mobile-toggle{
    grid-area:burger;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:44px;
    height:44px;
    margin:0 !important;

    border-radius:10px;
    border:1px solid rgba(255,255,255,.14);
    background: rgba(255,255,255,.08);
  }

  /* optional: small separator like your header */
  .vh-mobile-toggle{
    border-left: 1px solid rgba(255,255,255,.16);
    padding-left: 10px;
  }

  /* search full width on row 2 */
  .vh-search{
    grid-area:search;
    width:100% !important;
    display:flex !important;
    margin:8px 0 0 !important;
  }

  .vh-search input[type="search"]{
    flex:1 1 auto;
    width:100% !important;
    min-width:0;
  }

  .vh-search button{
    flex:0 0 auto;
    white-space:nowrap;
  }
}
/* VALUE HOUSE — Category hover/active = circle outline around text */
:root{
  --vh-orange:#E65100;
}

/* base link */
.vh-nav-links a{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:10px 14px;          /* controls the “circle” size */
  border-radius:999px;         /* makes it a circle/pill */
  border:1px solid transparent;

  transition: color .2s, background .2s, border-color .2s, box-shadow .2s;
}

/* hover + active */
.vh-nav-links a:hover,
.vh-nav-links li.is-active > a,
.vh-nav-links li.current-menu-item > a,
.vh-nav-links li.current-menu-ancestor > a{
  color: var(--vh-orange);
  border-color: var(--vh-orange);
  background: rgba(230,81,0,.10);
  box-shadow: 0 0 0 4px rgba(230,81,0,.12);
}

/* remove any underline/line hover styling if your old CSS adds it */
.vh-nav-links a,
.vh-nav-links a:hover{
  text-decoration:none !important;
  border-bottom:0 !important;
}
:root{ --vh-orange:#E65100; }

/* Active/current menu item (glow + pill) */
.vh-nav-links li.is-active > a,
.vh-nav-links li.current-menu-item > a,
.vh-nav-links li.current-menu-ancestor > a,
.vh-nav-links li.current-menu-parent > a{
  color: var(--vh-orange) !important;
  border-color: var(--vh-orange) !important;
  background: rgba(230,81,0,.10) !important;
  box-shadow:
    0 0 0 4px rgba(230,81,0,.12),
    0 10px 26px rgba(230,81,0,.20) !important;
  border-radius: 999px !important;
}
:root{ --vh-orange:#E65100; }

/* base pill look (hover already circle) */
.vh-nav-links a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid transparent;
  transition: color .2s, background .2s, border-color .2s, box-shadow .2s;
}

/* hover */
.vh-nav-links a:hover{
  color: var(--vh-orange);
  border-color: var(--vh-orange);
  background: rgba(230,81,0,.10);
  box-shadow: 0 0 0 4px rgba(230,81,0,.12);
}

/* ===== ACTIVE (current page) =====
   Replace "accessories" with your real category slug(s)
*/
body.tax-product_cat.accessories-page .vh-nav-links a[href*="/product-category/accessories/"],
body.tax-product_cat.product_cat-accessories .vh-nav-links a[href*="/product-category/accessories/"],
body.tax-product_cat.tax-product_cat-accessories .vh-nav-links a[href*="/product-category/accessories/"],
body.product_cat-accessories .vh-nav-links a[href*="/product-category/accessories/"]{
  color: var(--vh-orange) !important;
  border-color: var(--vh-orange) !important;
  background: rgba(230,81,0,.10) !important;
  box-shadow:
    0 0 0 4px rgba(230,81,0,.12),
    0 10px 26px rgba(230,81,0,.20) !important;
}/* End custom CSS */
/* Start custom CSS *//* =========================
   VALUE HOUSE — HEADER (CSS)
   Scoped to .vh-header
========================= */

.vh-header{
  --vh-navy:#0D1B2A;
  --vh-navy-2:#0a1520;
  --vh-orange:#E65100;
  --vh-orange-hover:#d14700;
  color: #fff;
  font-family: 'Inter', sans-serif;
}
.vh-header a{ text-decoration:none; color:inherit; }

.vh-container{
  max-width:1200px;
  margin:0 auto;
  padding:0 20px;
}

/* Top bar */
.vh-header-top{
  background: var(--vh-navy);
  border-bottom: 1px solid rgba(255,255,255,0.1);
  padding: 10px 0;
  font-size: 13px;
  color: rgba(255,255,255,0.7);
}
.vh-header-top .vh-container{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
}
.vh-top-links a{
  color: rgba(255,255,255,0.7);
  margin-left: 25px;
  transition: color .2s;
}
.vh-top-links a:hover{ color: var(--vh-orange); }

/* Main header */
.vh-header-main{
  background: var(--vh-navy);
  padding: 20px 0;
}
.vh-header-main .vh-container{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
}

/* Logo */
.vh-logo{
  display:flex;
  flex-direction:column;
}
.vh-logo-text{
  font-family:'Raleway', sans-serif;
  font-size:28px;
  font-weight:800;
  letter-spacing:1px;
  color:#fff;
}
.vh-logo-text span{ color: var(--vh-orange); }
.vh-logo-line{
  height:3px;
  background: linear-gradient(90deg, #fff 50%, var(--vh-orange) 50%);
  margin-top:3px;
}

/* Search */
.vh-search{
  flex:1;
  max-width:550px;
  display:flex;
  background:#fff;
  border-radius:6px;
  overflow:hidden;
}
.vh-search input{
  flex:1;
  padding:14px 18px;
  border:none;
  font-size:14px;
  font-family:'Inter', sans-serif;
  outline:none;
  color:#333;
}
.vh-search button{
  background: var(--vh-orange);
  border:none;
  padding:14px 22px;
  cursor:pointer;
  color:#fff;
  font-size:14px;
  font-weight:600;
  transition: background .2s;
}
.vh-search button:hover{ background: var(--vh-orange-hover); }

/* Actions */
.vh-header-actions{
  display:flex;
  align-items:center;
  gap:25px;
}
.vh-action{
  display:flex;
  align-items:center;
  gap:8px;
  color: rgba(255,255,255,0.85);
  font-size:14px;
  cursor:pointer;
  transition: color .2s;
  position:relative;
}
.vh-action:hover{ color: var(--vh-orange); }
.vh-action svg{
  width:22px;
  height:22px;
  stroke: currentColor;
  fill:none;
  stroke-width:1.5;
}
.vh-cart-btn{ position:relative; }
.vh-badge{
  position:absolute;
  top:-6px;
  right:-6px;
  background: var(--vh-orange);
  color:#fff;
  font-size:10px;
  font-weight:700;
  width:18px;
  height:18px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* Mobile toggle */
.vh-mobile-toggle{
  display:none;
  background:none;
  border:none;
  cursor:pointer;
  padding:5px;
}
.vh-mobile-toggle svg{
  width:28px;
  height:28px;
  stroke:#fff;
  fill:none;
  stroke-width:2;
}

/* Nav */
.vh-nav{
  background: var(--vh-navy-2);
}
.vh-nav .vh-container{
  display:flex;
  align-items:center;
}
.vh-nav-links{
  display:flex;
  list-style:none;
  margin:0;
  padding:0;
}
.vh-nav-links li a{
  display:block;
  padding:14px 22px;
  color: rgba(255,255,255,0.8);
  font-size:14px;
  font-weight:500;
  transition: all .2s;
  border-bottom:2px solid transparent;
}
.vh-nav-links li a:hover{
  color:#fff;
  background: rgba(255,255,255,0.05);
}
.vh-nav-links li a.is-active{
  color: var(--vh-orange);
  border-bottom-color: var(--vh-orange);
}
.vh-nav-deals{
  margin-left:auto;
  background: var(--vh-orange);
  padding:14px 28px;
  color:#fff;
  font-weight:700;
  font-size:13px;
  letter-spacing:.5px;
  transition: background .2s;
}
.vh-nav-deals:hover{ background: var(--vh-orange-hover); }

/* Responsive */
@media (max-width: 768px){
  .vh-header-top{ display:none; }
  .vh-header-main .vh-container{ flex-wrap:wrap; }
  .vh-logo-text{ font-size:24px; }
  .vh-search{ order:3; max-width:100%; width:100%; margin-top:18px; }
  .vh-header-actions span{ display:none; }
  .vh-mobile-toggle{ display:block; }
  .vh-nav .vh-container{
    display:none;
    flex-direction:column;
    padding:0;
  }
  .vh-nav.is-open .vh-container{ display:flex; }
  .vh-nav-links{ flex-direction:column; width:100%; }
  .vh-nav-links li a{
    border-bottom:1px solid rgba(255,255,255,0.08);
    text-align:center;
  }
  .vh-nav-deals{
    width:100%;
    text-align:center;
    margin-left:0;
  }
}/* End custom CSS */