.site-footer {
  display: none;
}

.astra-breadcrumbs,
.woocommerce-breadcrumb {
  display: none;
/* Make Astra mini cart responsive on mobile */
.ast-site-header-cart .ast-mini-cart {
    width: 100% !important;
    max-width: 100vw !important;
    box-sizing: border-box;
    padding: 16px;
    overflow-x: hidden;
}

/* Ensure cart content doesn't overflow */
.ast-mini-cart .woocommerce-mini-cart__wrapper,
.ast-mini-cart .widget_shopping_cart_content {
    max-width: 100%;
    overflow-x: hidden;
}

/* Responsive buttons */
.ast-mini-cart .button {
    width: 100%;
    max-width: 100%;
    margin-top: 10px;
}

/* Optional: Make text more readable on small screens */
.ast-mini-cart {
    font-size: 14px;
}
/* Prevent horizontal scrolling on all devices */
html, body {
  max-width: 100%;
  overflow-x: hidden;
  box-sizing: border-box;
}

/* Force all elements inside body to respect box size */
*, *::before, *::after {
  box-sizing: inherit;
}

/* Fix container overflows caused by image/cart styles */
.container,
.site-content,
.ast-container,
.ast-content-width,
.ast-site-header-cart {
  max-width: 100vw !important;
  overflow-x: hidden !important;
}
@media (max-width: 768px) {
  .ast-container {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .ast-mini-cart {
    margin: 0 !important;
  }
}
/* force equal grid for Astra WooCommerce shop */
.woocommerce ul.products li.product {
  width: 24% !important; /* 4 per row */
  float: left;
  clear: none !important;
}
.woocommerce ul.products li.product:nth-child(1) {
  width: 24% !important;
}
/* ----- Force equal sized WooCommerce products in Astra free ----- */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  width: 24% !important;       /* 4 per row */
  float: left !important;
  clear: none !important;
}

/* Remove Astra's special styling for the first product */
.woocommerce ul.products li.product.first,
.woocommerce ul.products li.product:nth-child(1),
.woocommerce ul.products li.product:nth-child(2),
.woocommerce ul.products li.product:nth-child(3),
.woocommerce ul.products li.product:nth-child(4) {
  width: 24% !important;
}

/* Make product images consistent height */
.woocommerce ul.products li.product img {
  width: 100% !important;
  height: auto !important;
  object-fit: cover;
}