.floating-tab {
    position: fixed;
    right: -4px;
    top: 50%;
    transform: translateY(-50%);
    background-color: black;
    border-radius: 5px;
    padding: 10px 0;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    z-index: 1000;
    overflow: hidden;
}

.tab-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.tab-icon img {
    width: 16px;
    height: 16px;
}

.tab-icon:hover {
    transform: scale(1.2);
}
/* Desktop navigation active page */
.nav-link.page-active {
    color: black !important;  /* Choose your highlight color */
    font-weight: 600;
    background-color: transparent; /* Optional */
}

/* Remove the underline */
.nav-link.page-active::after {
    content: none;
}

/* Dropdown active state (Products, Company) */
.dropdown-hover-group.dropdown-active > .nav-link {
    color: black !important;  /* Same highlight color */
    font-weight: 600;
    background-color: transparent;
}

/* Remove underline */
.dropdown-hover-group.dropdown-active > .nav-link::after {
    content: none;
}

/* Mobile navigation active page */
.mobile-nav .nav-link.page-active {
    color: black !important;
    font-weight: 700;
    /* Slight highlight background */
    border-radius: 5px;
}

/* Mobile dropdown active */
.mobile-nav .nav-item.dropdown-active .nav-link {
    color: black !important;
    font-weight: 700;
    background-color: rgba(230, 57, 70, 0.1);
    border-radius: 5px;
}

/* Mega-menu product cards are real links now (they were click-handled divs, so
   crawlers and AI agents never saw the product pages). Keep them looking
   identical to the cards they replaced. */
a.product-card,
a.product-card:hover,
a.product-card:focus,
a.product-card:visited {
  display: block;
  color: inherit;
  text-decoration: none;
}

a.product-card:focus-visible {
  outline: 2px solid var(--accent-color, #FD7E14);
  outline-offset: 2px;
  border-radius: 8px;
}