/* -------------------------------
   Header & Navigation Styling
--------------------------------- */
.navigation { background: #3e3e3e; }
.fixed-menu-container { background: #3e3e3e; }
.amenu-item .amenu-link { color: #ffffff; }
#header .header-top .navigation { border-top: none; border-bottom: none; }
.fixed-menu .fixed-menu-container { background: #f5f6fa; }
.fixed-menu .amenu-item .amenu-link { color: #000000; }
#_desktop_top_menu, #amegamenu { background: #f5f6fa; }
.header-top { background: #f5f6fa; }
#amegamenu.fixed-menu {
  box-shadow: 0px 0px 5px 0px rgb(1 1 1 / 40%);
  border-bottom: 1px solid #dddddd;
}

/* -------------------------------
   Wishlist Counter Positioning
--------------------------------- */
.an_wishlist-nav-link .wishlist_count_super {
  position: absolute;
  top: -8px;
  right: -10px;
  color: #fff;
  display: flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  font-size: 10px;
  background-color: #7a9b21 !important;
}

#_desktop_an_wishlist-nav a {
  position: relative;
}

/* Lower z-index of wishlist icon so it doesn't cover dropdowns */
.an_wishlist-mini {
  z-index: 1 !important;
  position: relative !important;
}

/* -------------------------------
   Product Page - Quantity Input
--------------------------------- */
.product-miniature .product-quantity input.input-group {
  width: 50px !important;
  padding: 6px 8px !important;
  font-size: 16px !important;
  text-align: center;
  box-sizing: border-box;
}

/* Main quantity input field */
.an_productattributes-qty {
  width: 60px !important;
  padding: 6px 8px !important;
  text-align: center !important;
  font-size: 16px;
  box-sizing: border-box;
}

/* Shrink default number input spinners slightly */
.an_productattributes-qty::-webkit-inner-spin-button {
  transform: scale(0.8);
  margin: 0;
}

/* -------------------------------
   Dropdown Variant Selector
--------------------------------- */
/* Custom styled select box */
.an_productattributes-product-selectbox {
  background-color: #ffffff !important;
  color: #000000 !important;
  border: 1px solid #ccc !important;
  padding: 8px 12px !important;
  border-radius: 4px !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0l5 6 5-6H0z' fill='%23000'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 10px 6px !important;
}

/* Remove theme arrow from dropdown toggler */
.an_productattributes-dropdown .an_productattributes-dropdown-toggler::after {
  display: none !important;
}

/* Dropdown option layout */
.an_productattributes-dropdown .an_productattributes-dropdown-item {
  padding: 6px 12px !important;
  font-size: 16px !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 38px;
  line-height: 1.4;
  flex-wrap: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
}

/* Keep "Sold Out" label aligned */
.an_productattributes-dropdown .an_productattributes-dropdown-item span {
  flex-shrink: 0;
  margin-left: 8px;
}

/* Subtle hover highlight on dropdown options */
.an_productattributes-dropdown .an_productattributes-dropdown-item:hover {
  background-color: #f0f0f0;
  cursor: pointer;
}

/* -------------------------------
   Mobile Adjustments
--------------------------------- */
@media (max-width: 768px) {
  /* Increase tap size for dropdown options */
  .an_productattributes-dropdown .an_productattributes-dropdown-item {
    font-size: 16px !important;
    padding: 12px 16px !important;
    min-height: 44px;
  }

  .an_productattributes-product-selectbox {
    font-size: 16px !important;
    padding: 12px 16px !important;
  }

  /* Make Owl Carousel dots horizontally scrollable */
  .an_brandslider-block .owl-dots {
    overflow-x: auto;
    white-space: nowrap;
    padding: 10px 0;
    margin: 0 auto;
    max-width: 100%;
    display: flex;
    justify-content: flex-start;
    scroll-snap-type: x mandatory;
  }
}

/* -------------------------------
   Brand Slider Height Cleanup
--------------------------------- */
/* Cap height of brand section */
.an_brandslider-block {
  max-height: 140px !important;
  overflow: hidden !important;
  padding: 20px 0 !important;
}

/* Cap height of carousel wrapper */
.an_brandslider-block .owl-stage-outer {
  max-height: 100px !important;
  overflow: hidden !important;
}

/* Center and size individual logo items */
.an_brandslider-block .owl-item {
  max-height: 100px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Scale brand logos */
.an_brandslider-block .owl-item img {
  max-height: 80px !important;
  height: auto !important;
  width: auto !important;
  margin: 0 auto !important;
  object-fit: contain;
}

/* -------------------------------
   Misc Layout Cleanup
--------------------------------- */
.manufacturer-image-overlay-right,
.manufacturer-image-overlay-left {
  display: none;
}

#manufacturer .block-manufacturer .manufacturer-image {
  margin: 0 0% 0 0%;
}

.product-actions .product-variants > .product-variants-item select.form-control:not([size]):not([multiple]) {
  width: 100%;
}
.in-stock-dot {
  width: 8px;
  height: 8px;
  background-color: #7a9b21;
  border-radius: 50%;
  display: inline-block;
  margin-left: 6px;
}
/* Make sure the image wrapper is positioned */
.productblock-image {
  position: relative;
}

/* Pin the wishlist heart icon to the top-right corner */
.page-content .an_wishlist-container.an_wishlist-mini {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  z-index: 5;
  padding: 0 !important;
  background: none !important;
}
.brand-infos {
  font-size: clamp(10px, 2.5vw, 14px);
  line-height: 1.3;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}