/* Dropdown hover — replaces webflow.js */
.w-dropdown:hover > .w-dropdown-list,
.w-dropdown:focus-within > .w-dropdown-list {
  display: block;
}
/* Apply w--open styling on hover since we don't toggle the class */
.w-dropdown:hover > .navbar1_dropdown-list,
.w-dropdown:focus-within > .navbar1_dropdown-list {
  background-color: var(--base-color-neutral--white);
  border: 2px solid #000;
  padding: 0;
  overflow: hidden;
}
.w-tab-link {
  cursor: pointer;
}
/* Show prices toggle */
[show-prices="yes"] {
  display: none;
}
[show-prices="yes"].show {
  display: block;
}
/* Bio detail gallery: single photo spans full width */
.product-header1_gallery.is-single {
  grid-template-columns: 1fr;
}
/* Bio detail gallery: on mobile, push thumbnails below main image */
@media screen and (max-width: 767px) {
  .product-header1_gallery > .product-header1_list-wrapper {
    order: 9999;
  }
}
/* ── Next.js <Image fill> wrapper overrides ── */
/* Wrappers that already define dimensions need position: relative */
.home-image_wrapper,
.product-header1_image-wrapper,
.pic-holder,
.offshore_donald-pic-wrapper,
.offshore_testimonial-pic-wrapper,
.poster-image,
.about_pic-holder {
  position: relative;
}

/* Move aspect-ratio from <img> to wrapper for fill-mode compatibility */
.product-header1_image-wrapper {
  aspect-ratio: 1;
}

/* Utility wrapper for images that currently have no wrapper */
.image-fill-wrapper {
  position: relative;
  width: 100%;
}
.image-fill-wrapper.is-square {
  aspect-ratio: 1;
}
.image-fill-wrapper.is-poster {
  aspect-ratio: 2 / 3;
}
.image-fill-wrapper.is-landscape {
  aspect-ratio: 670 / 335;
}
.image-fill-wrapper.is-equipment {
  aspect-ratio: 2000 / 1125;
}
.image-fill-wrapper.is-equipment-list {
  aspect-ratio: 2000 / 1125;
  min-width: 8rem;
  max-width: 8rem;
}
.image-fill-wrapper.is-section-photo {
  aspect-ratio: 2.5 / 2;
}
.image-fill-wrapper.is-card-photo {
  aspect-ratio: 730 / 487;
}
.image-fill-wrapper.is-about-wide {
  width: 100%;
}

/* Toast Notification Styling */
#toast {
  display: none;
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  background: #333;
  color: #fff;
  padding: 10px 20px;
  border-radius: 5px;
  z-index: 1000;
  font-family: Arial, sans-serif;
  font-size: 14px;
}