@media (max-width: 768px) {

  /* Collapse the WooCommerce gallery container height */
  .single-product .woocommerce-product-gallery {
    height: auto !important;
    min-height: 0 !important;
    margin-bottom: 4px !important; /* small space below image */
    padding-bottom: 0 !important;
  }

  /* Remove extra wrapper space under main product image */
  .single-product .woocommerce-product-gallery__wrapper {
    height: auto !important;
    margin-bottom: 0 !important;
  }
}

/*Align centre for shop page products*/
.woocommerce ul.products li.product {
  text-align: center;
}

/* ============================= */
/* Single Product - Desktop gap fix (Kadence Free) */
/* ============================= */

/* Collapse the WooCommerce gallery container height on desktop */
.single-product .woocommerce-product-gallery {
    height: auto !important;
    min-height: 0 !important;
    margin-bottom: 8px !important; /* small space below image */
    padding-bottom: 0 !important;
}

/* Remove extra wrapper space under main product image */
.single-product .woocommerce-product-gallery__wrapper {
    height: auto !important;
    margin-bottom: 0 !important;
}

/* Optional: reduce spacing under title */
.single-product .product_title {
    margin-bottom: 5px !important;
}

/* Optional: reduce spacing under price */
.single-product .price {
    margin-bottom: 5px !important;
}

/* Optional: reduce spacing under short description */
.single-product .woocommerce-product-details__short-description {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}
/* Center & style ONLY My Account content */
.woocommerce-account .site-main {
  max-width: 800px;
  margin: 40px auto;
  padding: 30px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.06);
}

/* Improve headings */
.woocommerce-account .site-main h2 {
  margin-top: 0;
}

/* Button styling */
.woocommerce-account .woocommerce-Button {
  border-radius: 6px;
}
@media (max-width: 768px) {

  /* Create visible "card" container */
  .woocommerce-account .site-main {
    max-width: calc(100% - 24px); /* creates edge gap */
    margin: 16px auto;
    padding: 20px;
    background: #ffffff;
    border-radius: 14px;
    box-shadow: 0 8px 22px rgba(0,0,0,0.12);
  }

  /* Give the page behind it a soft background */
  body.woocommerce-account {
    background-color: #f6f6f8;
  }

  /* Tighten headings */
  .woocommerce-account h2 {
    font-size: 20px;
    margin-bottom: 10px;
  }

  /* Buttons feel modern on mobile */
  .woocommerce-account .woocommerce-Button {
    width: 100%;
    padding: 14px;
    border-radius: 10px;
  }

}