.nav-item a:hover {
  color: var(--color-secondary);
  border-bottom: 2.5px solid var(--color-secondary);
}

.nav-link {
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
}

.navbar-nav li:last-child a:hover {
  border: none !important;
}

a.nav-link.cart-countwrap {
  border: none !important;
}

.navbar-nav:last-child a:focus-visible {
  outline: none;
  border: none;
}

.grayscale {
  position: relative;
  z-index: 1;
}
.grayscale:hover {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}

.prodcatwrap .prod-info {
  transition: all 0.3s ease; /* Add transition for smooth hover effect */
}
.prodcatwrap .prod-info:hover {
  transform: translateY(-5px); /* Adjust as needed */
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1); /* Add box shadow on hover */
}

.prodcatwrap .prod-info .img-fluid {
  transition: transform 0.3s ease; /* Add transition for smooth image transform */
}
.prodcatwrap .prod-info:hover .img-fluid {
  transform: scale(0.95);
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  -o-transform: scale(0.95);
}

.letushelpyouwrap .container .listbtnstyle li a {
  z-index: 1;
  position: relative;
  transition: color 0.3s ease; /* Smooth transition for text color */
}

.letushelpyouwrap .container .listbtnstyle li {
  position: relative;
}
.letushelpyouwrap .container .listbtnstyle li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: linear-gradient(
    to top,
    #033b62 0%,
    #033b62 50%,
    #033b62 50%,
    #033b62 100%
  );
  transition: height 0.3s ease;
  border-radius: inherit; /* Inherit border-radius from parent li */
  color: #fff;
  z-index: 0;
}
.letushelpyouwrap .container .listbtnstyle li:hover a {
  color: #fff; /* Change text color to white on hover */
}
.letushelpyouwrap .container .listbtnstyle li:hover::before {
  height: 100%;
}

.featuredproductswrap .fea-prod-info {
  transition: all 0.3s ease; /* Add transition for smooth hover effect */
}
.featuredproductswrap .fea-prod-info:hover {
  transform: translateY(-5px); /* Adjust as needed */
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1); /* Add box shadow on hover */
}

.featuredproductswrap .fea-prod-info .img-fluid {
  transition: transform 0.3s ease; /* Add transition for smooth image transform */
}
.featuredproductswrap .fea-prod-info:hover .img-fluid {
  transform: scale(0.95);
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  -o-transform: scale(0.95);
}

footer .footernav ul li a {
  transition: color 0.3s ease;
}
footer .footernav ul li a:hover {
  color: #ffd05c;
}

footer .copyright a {
  transition: color 0.3s ease;
}
footer .copyright a:hover {
  color: #ffd05c;
}

/* ═══════════════════════════════════════════════════════════════
   FOAM PARTY ANIMATIONS — mrhappynj.com
   ═══════════════════════════════════════════════════════════════ */

/* Gentle bubble float */
@keyframes floatBubble {
  0%   { transform: translateY(0px)    scale(1.00); opacity: 0.70; }
  33%  { transform: translateY(-16px)  scale(1.05); opacity: 0.90; }
  66%  { transform: translateY(-6px)   scale(0.97); opacity: 0.78; }
  100% { transform: translateY(0px)    scale(1.00); opacity: 0.70; }
}

/* Card slide-up entrance from foam below */
@keyframes foamRise {
  from { transform: translateY(28px); opacity: 0; }
  to   { transform: translateY(0);    opacity: 1; }
}

/* Bubble pop entrance for icons */
@keyframes bubblePop {
  0%   { transform: scale(0.65); opacity: 0; }
  65%  { transform: scale(1.08); opacity: 1; }
  100% { transform: scale(1.00); opacity: 1; }
}

/* Staggered entrance for the three feature cards */
.product-service-wrap .col-sm-12:nth-child(1) .prodsercol1_3 { animation: foamRise 0.50s ease 0.05s both; }
.product-service-wrap .col-sm-12:nth-child(2) .prodsercol1_3 { animation: foamRise 0.50s ease 0.18s both; }
.product-service-wrap .col-sm-12:nth-child(3) .prodsercol1_3 { animation: foamRise 0.50s ease 0.31s both; }

/* Feature card icon: bubble pop (targets the new div wrapper) */
.prodsercol1_3 .prodsercol1_3-icon {
  animation: bubblePop 0.45s ease 0.35s both;
}

/* Foam stat cards staggered entrance */
.foam-stat:nth-child(1) { animation: foamRise 0.45s ease 0.10s both; }
.foam-stat:nth-child(2) { animation: foamRise 0.45s ease 0.22s both; }
.foam-stat:nth-child(3) { animation: foamRise 0.45s ease 0.34s both; }
.foam-stat:nth-child(4) { animation: foamRise 0.45s ease 0.46s both; }

/* Trust cards entrance */
.trust-card { animation: foamRise 0.45s ease 0.08s both; }

/* Service list: foam-aqua fill on hover (overrides navy) */
.letushelpyouwrap .container .listbtnstyle li::before {
  background: linear-gradient(
    to top,
    var(--color-splash, #00b4cc) 0%,
    var(--color-foam,   #38d9f5) 100%
  );
}

/* Product & featured cards: foam shadow on hover */
.prodcatwrap .prod-info:hover {
  box-shadow: 0 12px 40px rgba(56, 217, 245, 0.22), 0 3px 10px rgba(26, 53, 133, 0.08);
}

.featuredproductswrap .fea-prod-info:hover {
  box-shadow: 0 12px 40px rgba(56, 217, 245, 0.22), 0 3px 10px rgba(26, 53, 133, 0.08);
}

/* Footer links: foam color on hover */
footer .footernav ul li a:hover,
footer .copyright a:hover {
  color: var(--color-foam, #38d9f5);
}

/* Respect reduced-motion preference */
@media (prefers-reduced-motion: reduce) {
  .product-service-wrap .col-sm-12:nth-child(1) .prodsercol1_3,
  .product-service-wrap .col-sm-12:nth-child(2) .prodsercol1_3,
  .product-service-wrap .col-sm-12:nth-child(3) .prodsercol1_3,
  .prodsercol1_3 img {
    animation: none !important;
  }
  .prodsercol1_3,
  .btnstyletwo {
    transition: none !important;
  }
}