/* 1. Desktop: layout e imagem */
@media (min-width: 1025px) {
  .woocommerce div.product .woocommerce-product-gallery {
    width: 55% !important;
    max-width: 600px;
    float: left;
  }

  .woocommerce div.product .summary {
    width: 45% !important;
    float: right;
  }

  .woocommerce div.product .woocommerce-product-gallery__image,
  .woocommerce div.product .woocommerce-product-gallery__image a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    max-height: 500px;
    overflow: hidden;
  }

  .woocommerce div.product .woocommerce-product-gallery__image img {
    max-height: 500px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
  }
}

/* 2. Mobile e tablets: layout e imagem mais baixa */
@media (max-width: 1024px) {
  .woocommerce div.product .woocommerce-product-gallery {
    width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
    padding: 0 !important;
  }

  .woocommerce div.product .woocommerce-product-gallery__image,
  .woocommerce div.product .woocommerce-product-gallery__image a {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    max-height: 40vh !important;
    overflow: hidden !important;
  }

  .woocommerce div.product .woocommerce-product-gallery__image img {
    max-height: 40vh !important;
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
  }

  .woocommerce div.product .summary {
    width: 100% !important;
    float: none !important;
  }
}