@charset "UTF-8";
.mobile-menu-text {
  display: none;
  text-align: center;
  font-size: 16px;
  margin-bottom: 5px;
  /* Adjust spacing if needed */ }

@media (max-width: 768px) {
  .mobile-menu-text {
    display: block; } }

@media (max-width: 768px) {
  .section-home div {
    width: 100% !important; }
  h2 {
    font-size: 24px !important; }
  p {
    font-size: 14px !important; }
  i {
    font-size: 40px !important; }
  h3 {
    font-size: 18px !important; }
  button {
    font-size: 14px !important;
    padding: 8px 16px !important; } }

@media (max-width: 768px) {
  .section-offer div[style*="display: flex"] {
    flex-direction: column; }
  .section-offer div[style*="width: 30%"] {
    width: 100% !important;
    margin-bottom: 20px !important; }
  h2 {
    font-size: 24px !important; }
  h3 {
    font-size: 18px !important; }
  button {
    font-size: 14px !important;
    padding: 8px 16px !important; }
  i {
    font-size: 40px !important; } }

@media (max-width: 768px) {
  .section-faq div[style*="display: flex"] {
    flex-direction: column; }
  .section-faq div[style*="width: 45%"] {
    width: 100% !important; }
  .section-faq h2 {
    font-size: 16px !important; }
  .section-faq h3 {
    font-size: 14px !important; }
  .section-faq p,
  .section-faq li {
    font-size: 12px !important; } }

@media (max-width: 768px) {
  .section-about div[style*="display: flex"] {
    flex-direction: column;
    padding-left: 0;
    padding-right: 0; }
  .section-about div[style*="width: 40%"],
  .section-about div[style*="width: 50%"] {
    width: 100% !important; }
  .section-about h1 {
    font-size: 24px !important; }
  .section-about h2,
  .section-about h3 {
    font-size: 18px !important; }
  .section-about p {
    font-size: 14px !important; }
  .section-about {
    padding: 10px !important; } }

/* =========================================================
   VAULT DESKTOP NAV PATCH (SAFE) — FULL UPDATE
   - Keeps Vault nav + Education dropdown
   - Desktop: centers menu row
   - Desktop: changes "SHOP" trigger to "PRODUCTS" (no hamburger icon)
   - Desktop: opens Products mega dropdown on HOVER with NO GAP (fixes flicker)
   - Mobile: untouched
   ========================================================= */
@media (min-width: 801px) {
  /* Center the nav pages row (Education, Contact, Blog, etc.) */
  #menu .navPages-list {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important; }
  /* Some Vault builds float list items; neutralize */
  #menu .navPages-list > li {
    float: none !important; }
  /* Mega trigger positioning (anchor for dropdown) */
  #menu .mega-cat-nav {
    position: relative !important;
    display: inline-flex;
    align-items: center; }
  /* Hide hamburger SVGs on desktop (mobile unaffected) */
  #menu .mega-cat-nav .mega-menu-icon {
    display: none !important; }
  /* Hide existing trigger text spans on desktop */
  #menu .mega-cat-nav .burger-menu,
  #menu .mega-cat-nav .burger-menu.fixed,
  #menu .mega-cat-nav .mobile-menu-text {
    display: none !important; }
  /* Replace the trigger label with PRODUCTS (only for that one link) */
  #menu .mega-cat-nav > li.navPages-item.navPages-item-page.container-header.btn > a.navPages-action {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: inherit !important;
    text-decoration: none;
    font-size: 0 !important;
    /* hides leftover inline text */
    line-height: 1 !important; }
  #menu .mega-cat-nav > li.navPages-item.navPages-item-page.container-header.btn > a.navPages-action::before {
    content: "PRODUCTS";
    font-size: 14px !important;
    display: inline-block; }
  /* =========================================================
     IMPORTANT FIX: remove the hover "gap" so dropdown doesn't vanish
     ========================================================= */
  /* Hover-open dropdown on desktop */
  #menu .mega-cat-dropdown {
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    /* NO GAP (was calc(100% + 10px)) */
    left: 0 !important;
    /* align under the trigger */
    margin-top: 0 !important;
    z-index: 99999 !important; }
  /* Keep it open on hover */
  #menu .mega-cat-nav:hover .mega-cat-dropdown,
  #menu .mega-cat-dropdown:hover {
    display: block !important; }
  /* Hover bridge to prevent flicker (extra safety) */
  #menu .mega-cat-dropdown::before {
    content: "";
    position: absolute;
    top: -18px;
    /* taller bridge */
    left: 0;
    right: 0;
    height: 18px; } }