/* Main navigation — vertical alignment fix so every top-level item
   (including the Supply Guide mega-menu trigger) sits on the same baseline */
.main-navigation {
    display: flex;
    align-items: center;
}
.main-navigation > li {
    display: flex;
    align-items: center;
}

/*#product-menu {*/
/*    position: absolute;*/
/*    width: auto;*/
/*}*/

/*@media (max-width: 1149px) and (min-width: 769px) {*/
/*    #product-menu {*/
/*        position: absolute;*/
/*        left: 0;*/
/*        right: 0;*/
/*        width: max-content;*/
/*        box-shadow: none;*/
/*    }*/
/*}*/

/*@media (max-width: 768px) {*/
/*    #product-menu {*/
/*        position: static;*/
/*        width: 100%;*/
/*        box-shadow: none;*/
/*    }*/
/*}*/
/* Base (all screen sizes) */
#product-menu {
    position: absolute;
    left: 0;
    width: max-content;
}

/* Tablet */
@media (max-width: 1149px) and (min-width: 769px) {
    #product-menu {
        left: 0;
        right: 0;
        width: max-content;
        box-shadow: none;
    }
}

/* Mobile */
@media (max-width: 768px) {
    #product-menu {
        left: 0;
        right: 0;
        width: 100%;
        box-shadow: none;
    }
}



/* --- Fix carousel button click issue without hiding indicators --- */
.carousel-slide {
    pointer-events: none;
    /* Prevent hidden slides from blocking clicks */
}

.carousel-slide:not(.hidden) {
    pointer-events: auto;
    z-index: 10;
}

/* Ensure arrows and indicators remain clickable */
.carousel button,
.carousel .dot {
    pointer-events: auto !important;
    z-index: 20;
}

/* --- Ensure bottom carousel dots are always visible and clickable --- */
.carousel>div.absolute.bottom-5 {
    z-index: 30 !important;
    pointer-events: auto !important;
}



/* ===============================
   CHEMISTRY FOOTER ANIMATION
   GUARANTEED TARGET
   =============================== */

/*footer {*/
/*  position: relative;*/
/*  overflow: hidden;*/
/*}*/

/* Chemistry animation layer */
/*footer::before {*/
/*  content: "";*/
/*  position: absolute;*/
/*  top: 0;*/
/*  left: 0;*/
/*  width: 100%;*/
/*  height: 180px;*/
/*  pointer-events: none;*/
/*  z-index: 1;*/

/*  background:*/
/*    radial-gradient(circle at 15% 40%, rgba(0,200,190,.6) 2px, transparent 3px),*/
/*    radial-gradient(circle at 35% 60%, rgba(0,200,190,.5) 2px, transparent 3px),*/
/*    radial-gradient(circle at 55% 30%, rgba(0,200,190,.4) 2px, transparent 3px),*/
/*    radial-gradient(circle at 75% 55%, rgba(0,200,190,.6) 2px, transparent 3px),*/
/*    linear-gradient(*/
/*      90deg,*/
/*      rgba(0,200,190,.15) 1px,*/
/*      transparent 1px*/
/*    ),*/
/*    linear-gradient(*/
/*      rgba(0,200,190,.15) 1px,*/
/*      transparent 1px*/
/*    );*/

/*  background-size:*/
/*    100% 100%,*/
/*    100% 100%,*/
/*    100% 100%,*/
/*    100% 100%,*/
/*    80px 80px,*/
/*    80px 80px;*/

/*  animation: chemistryMove 30s linear infinite;*/
/*  opacity: .55;*/
/*}*/

/* Reaction energy glow */
/*footer::after {*/
/*  content: "";*/
/*  position: absolute;*/
/*  top: 0;*/
/*  left: 0;*/
/*  width: 100%;*/
/*  height: 160px;*/
/*  pointer-events: none;*/
/*  z-index: 2;*/

/*  background: radial-gradient(*/
/*    ellipse at center,*/
/*    rgba(0,200,190,.35),*/
/*    transparent 70%*/
/*  );*/

/*  animation: chemistryPulse 6s ease-in-out infinite;*/
/*}*/

/* Keep footer content above */
/*footer > * {*/
/*  position: relative;*/
/*  z-index: 5;*/
/*}*/

/* Molecule movement */
/*@keyframes chemistryMove {*/
/*  from {*/
/*    background-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;*/
/*  }*/
/*  to {*/
/*    background-position: */
/*      120px 40px,*/
/*      -80px 60px,*/
/*      60px -40px,*/
/*      -120px 30px,*/
/*      0 240px,*/
/*      240px 0;*/
/*  }*/
/*}*/

/* Reaction pulse */
/*@keyframes chemistryPulse {*/
/*  0%,100% { opacity: .35; }*/
/*  50% { opacity: .65; }*/
/*}*/