/* Frequently Bought Together Slider Styles */
.frequently_bought_together {
  margin-top: 10px;
  margin-bottom: 10px;
}
.fbt-product-slider-wrapper {
  max-width: 100%;
  margin: 0 1rem; /* Converted to rem */
  padding: 0.625rem; /* Converted to rem (10px) */
  position: relative; /* For slick arrows */
  overflow: visible; /* Changed to visible to show arrows outside container */
  box-sizing: border-box;
}

.fbt-product-slider {
  display: block; /* Slick needs block display */
  width: 100%;
  position: relative;
}
.fbt-slide {
  /* Remove width constraints and let Slick handle sizing */
  padding: 0.625rem; /* Converted to rem (10px) */
  text-align: center;
  list-style: none !important; /* Remove list bullets */
  box-sizing: border-box;
  outline: none; /* Remove focus outline */
}
/* Remove any dots or bullets from products */
.fbt-slide li,
.fbt-slide ul,
.fbt-slide ul li,
.fbt-slide .products li,
.fbt-slide li.product {
  list-style: none !important;
  list-style-type: none !important;
}
.fbt-slide li:before,
.fbt-slide ul li:before,
.fbt-slide .products li:before {
  display: none !important;
  content: none !important;
}
/* Remove any dots that might be showing up as pseudo-elements */
.fbt-slide .woocommerce-loop-product__link:before,
.fbt-slide .attachment-woocommerce_thumbnail:before,
.fbt-slide .woocommerce-LoopProduct-link:before,
.fbt-slide img:before {
  display: none !important;
  content: none !important;
}

.fbt-slide .woocommerce-loop-product__title {
  font-size: 1.1em;
  margin: 0.625rem 0 0.3125rem; /* Converted to rem */
  text-align: center;
}
.fbt-slide .price {
  font-weight: bold;
  margin-bottom: 0.625rem; /* Converted to rem */
}
/* Theme-compatible add to cart styling */
.fbt-slide .theme-add-to-cart {
  margin-top: 0.9375rem; /* Converted to rem (15px) */
  width: 100%;
  text-align: center;
}
/* This ensures our add to cart button doesn't duplicate with any that might be in the template */
.fbt-slide .products .add_to_cart_button {
  display: none !important;
}

/* Slick styling - simplified arrows */
.slick-prev,
.slick-next {
  background: transparent !important;
  color: var(--ast-global-color-2) !important;
  width: 2.5rem !important; /* Converted to rem (40px) */
  height: 2.5rem !important; /* Converted to rem (40px) */
  z-index: 10;
  box-shadow: none !important;
  cursor: pointer !important;
  top: 45% !important;
  transform: translateY(-50%) !important;
  border: none !important;
}
.slick-prev {
  left: -1.5625rem !important; /* Converted to rem (-25px) */
}
.slick-next {
  right: -1.5625rem !important; /* Converted to rem (-25px) */
}
.slick-prev:hover,
.slick-next:hover {
  background: transparent !important;
}
.slick-prev:before,
.slick-next:before {
  font-size: 1.75rem !important; /* Converted to rem (28px) */
  opacity: 0.7 !important;
  line-height: 1 !important;
  color: var(--ast-global-color-2) !important;
}
.slick-prev:hover:before,
.slick-next:hover:before {
  opacity: 1 !important;
  color: var(--ast-global-color-2) !important;
}
.slick-dots {
  bottom: -1.875rem !important; /* Converted to rem (-30px) */
  position: absolute;
  width: 80% !important;
  left: 10% !important;
  right: 10% !important;
  margin: 0 !important;
  padding: 0 !important;
}
.slick-dots li button:before {
  color: #0071a1 !important;
  font-size: 0.75rem !important; /* Converted to rem (12px) */
  opacity: 0.5 !important;
}
.slick-dots li.slick-active button:before {
  opacity: 1 !important;
}

/* Fix product image size - responsive uniform height */
.fbt-slide img,
.fbt-slide .attachment-woocommerce_thumbnail,
.fbt-slide .woocommerce-product-gallery__image img {
  width: 100% !important;
  object-fit: cover !important; /* Crop to fit while maintaining aspect ratio */
  margin: 0 auto !important;
  display: block !important;
  aspect-ratio: 7 / 9 !important;
  border-radius: 0.5rem; /* Converted to rem (8px) */
}

/* Ensure the image container has consistent sizing */
.fbt-slide .fbt-product-item a {
  display: block;
  width: 100%;
  overflow: hidden;
  border-radius: 0.5rem;
}

/* Remove view product text for simple products only */
.fbt-slide .button.product_type_simple:not(.add_to_cart_button) {
  display: none !important;
}
/* Variable products are now shown */

/* Responsive adjustments */
@media (max-width: 75rem) {
  /* 1200px converted to rem */
  .fbt-product-slider-wrapper {
    padding: 0.5rem;
  }
  .fbt-slide {
    padding: 0.5rem;
  }
}

@media (max-width: 48rem) {
  /* 768px converted to rem */
  .fbt-product-slider-wrapper {
    max-width: 100%;
    margin: 0;
    padding: 0;
  }
  .aryn-frequently-bought-together {
    position: sticky;
    top: 0;
    z-index: 100;
    padding: 1rem 0;
    margin-bottom: 2rem;
  }
  .fbt-slide .woocommerce-loop-product__title {
    font-size: 0.9em;
  }
  .fbt-slide .price {
    font-size: 0.9em !important;
  }
}

@media (max-width: 30rem) {
  /* 480px converted to rem */
  .fbt-product-slider-wrapper {
    padding: 0;
    margin: 0;
  }
  .fbt-slide {
    padding: 0.3125rem;
  }
  .fbt-slide .woocommerce-loop-product__title {
    font-size: 0.8em;
    margin: 0.3125rem 0;
  }
  .fbt-slide .price {
    font-size: 0.9em;
  }
  .fbt-slide .add_to_cart_button {
    padding: 0.3125rem 0.625rem !important; /* Converted to rem */
    font-size: 0.8em !important;
  }
}

.aryn-frequently-bought-together > h2 {
  background: var(--ast-global-color-6) !important;
  padding: 0.625rem !important;
  border-radius: 0.625rem !important;
}

/* Hide unnecessary elements */
.fbt-slide .view-product-detail-panel {
  display: none !important; /* Hide view product detail panel */
}

/* Default add to cart button styling */
.fbt-slide .add_to_cart_button {
  padding: 0.625rem 1.25rem !important; /* Converted to rem (10px 20px) */
}