/* ── STICKY HEADER ── */
#header {
  position: sticky !important;
  top: 0 !important;
  z-index: 10000 !important;
  background: #fff !important;
  box-shadow: 0 1px 0 rgba(0,0,0,0.08) !important;
}
/* ── REMOVE overall-wrapper padding ── */
.overall-wrapper {
  padding: 0 !important;
}
@media (min-width: 768px) {
  #navigation > div > ul.menu-level-1 {
    display: flex;
    flex-direction: row;
    gap: 14px;
  }
  #navigation > div > ul.menu-level-1 > li > a {
    width: auto;
  }
}
@media (max-width: 767px) {
  #navigation > div > ul.menu-level-1 {
    display: block;
  }
  #navigation > div > ul.menu-level-1 > li {
    width: 95%;
    border: none !important;
  }
  #navigation > div > ul.menu-level-1 > li > a {
    display: block;
    width: 95%;
    border-radius: 12px;
    margin: 6px 0;
    border: none !important;
  }
}
#navigation > div > ul.menu-level-1 > li > a {
  display: inline-flex;
  align-items: center;
  padding: 10px 20px;
  border-radius: 999px;
  text-decoration: none;
  margin: 6px 0;
}
#navigation > div > ul.menu-level-1 > li > a:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);
  background: solid #c0c0c0;
}
#navigation > div > ul.menu-level-1 > li > a:active,
#navigation > div > ul.menu-level-1 > li.active > a {
  transform: translateY(0);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
}
#navigation > div > ul.menu-level-1 > li > a:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.35);
}
#navigation > div > ul.menu-level-1 > li > a:focus,
#navigation > div > ul.menu-level-1 > li.active > a,
#navigation > div > ul.menu-level-1 > li.current > a,
#navigation > div > ul.menu-level-1 > li.selected > a {
  background: solid #c0c0c0;
}
.wide-carousel {
    max-width: 1600px;
    margin: 0 auto;
    padding-inline: clamp(48px, 4vw, 48px);
}
@media (max-width: 767px) {
     .wide-carousel {
    padding-inline: clamp(12px, 4vw, 48px);
    }
}
.carousel-wrapper .carousel-inner img {
    border-radius: 20px;
}
#footer {
    background: #222;
    color: #f2f2f2;
}
#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6,
#footer p,
#footer li,
#footer span,
#footer a {
    color: #f2f2f2;
}
.site-name img {
  height: 50px;
}
.navigation-buttons a,
.navigation-buttons .top-nav-button {
    background-color: #ffffff !important;
}
.menu-level-2 a.menu-image {
    display: none !important;
}
.banner-wrapper:has([data-ec-promo-id="62"]),
.banner-wrapper:has([data-ec-promo-id="86"]),
.top-category {
    background-color: #fff;
}
.top-brands-header,
.top-brands-header h2 {
  color: #000 !important;
}
.full-width {
    border-radius: 15px;
}
.social-icon-list a {
  background-color: #333;
}
.search-widget {
    border: 2px solid #222;
}
.search-widget img {
  border-radius: 20px;
}
.copyright, .copyright a {color: #000 !important;}
iframe {
  border-radius: 16px;
  overflow: hidden; /* Critical for clipping the corners */
}
.prices {min-height: 72px !important;}
@media (min-width: 768px) {
  /* Navigation bar background */
  .header-bottom-wrapper,
  #navigation,
  .navigation-in.menu {
    background-color: #222 !important;
    margin-bottom: 20px;
  }
  /* All menu links */
  #navigation a,
  .menu-helper a,
  .navigation-in a {
    color: #0A0A0A !important;
    font-family: 'DM Sans', sans-serif !important;
  }
  /* Top-level bold items */
  #navigation b,
  .menu-helper b {
    color: #ffffff !important;
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 600;
  }
  #navigation a:hover b,
  .menu-helper a:hover b {
    color: #0a0a0a !important;
  }
  /* Submenu backgrounds */
  .menu-level-2,
  .menu-level-3 {
    background-color: #ffffffff !important;
  }
  /* Hover state */
  #navigation a:hover,
  .menu-helper a:hover {
    color: #c0c0c0 !important;
  }
}
  /* Announcement Bar Phone Fix */
@media (max-width: 767px) {
  body.is-at-top #navigation,
  body.is-at-top .navigation-in.menu {
    top: auto !important;
    margin-top: 0 !important;
  }
  body.is-at-top .user-action-search,
  body.is-at-top .user-action-login,
  body.is-at-top #cart-widget {
    top: auto !important;
  }
  body.is-at-top .header-bottom-wrapper,
  body.is-at-top .header-top-wrapper,
  body.is-at-top .user-action-search,
  body.is-at-top .user-action-login,
  body.is-at-top #cart-widget {
    position: relative !important;
    z-index: 100 !important;
  }
}
.btn.btn-primary {
  border-radius: 999px;
}
.position--benefitProduct {display: none !important;}
.products .product .p .p-in-in a.name {
  white-space: normal !important;
  overflow: visible !important;
  word-break: break-word !important;
}
.products .product .p .p-in-in a.name span {
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  white-space: normal !important;
 }
.products .product .p .availability {
  display: unset !important;
}
span.flag.flag-action,
.products .product .p .flag-action {
  background: #FB3640 !important;
  background-color: #FB3640 !important;
  outline: 1px solid #0a0a0a;
  font: #0a0a0a;
}
.carousel-wrapper {
  margin-left: 62px !important;
  margin-right: 62px !important;
}
@media (max-width: 767px) {
  .carousel-wrapper {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
}
@media (min-width: 767px) {
ul.menu-level-1[data-testid="headerMenuItems"],
#nav-manufacturers,
#nav-manufacturers > a,
#nav-manufacturers > ul.menu-level-2,
#nav-manufacturers > ul.menu-level-2 li,
#nav-manufacturers > ul.menu-level-2 li a {background: #222 !important; background-color: #222 !important;}
#nav-manufacturers > a b,
#nav-manufacturers > ul.menu-level-2 li a,
#nav-manufacturers > ul.menu-level-2 li span {color: #fff !important;}
}
.menu-helper,
.menu-helper::before,
.menu-helper::after {border-color: #fff !important; color: #fff !important;}