@media (max-width: 768px) {

    /* ---- Hero: layout tipo Shopify/PagePilot ----
       Galería a sangre completa (sin márgenes laterales),
       info del producto en una tarjeta con su propio padding
       debajo, en vez de dos "cajas" cuadradas apiladas. */

    .bt-product-hero {
        display: flex;
        flex-direction: column;
        gap: 0;
        max-width: 100%;
        padding: 0 0 32px;
        margin: 0;
    }

    .bt-product-hero .bt-gallery,
    .bt-product-hero .bt-product-info {
        width: 100%;
        flex: none;
        min-width: 0;
    }

    /* Galería a sangre completa, pegada al header */
    .bt-gallery {
        margin: 0;
    }

    .bt-main-image {
        aspect-ratio: 4 / 5;
        border-radius: 0;
    }

    .bt-gallery-prev,
    .bt-gallery-next {
        width: 32px;
        height: 32px;
        font-size: 18px;
    }

    .bt-thumbnails {
        padding: 12px 16px 0;
        gap: 8px;
    }

    .bt-thumb {
        width: 56px;
        height: 56px;
    }

    /* Info del producto: tarjeta con su propio respiro,
       ya no pegada directo a la galería */
    .bt-product-info {
        padding: 20px 20px 0;
    }

    .bt-rating {
        margin-bottom: 4px;
    }

    .bt-title {
        font-size: 22px;
        margin: 8px 0;
    }

    .bt-description {
        font-size: 14px;
    }

    .bt-price-row .price {
        font-size: 22px;
        flex-wrap: wrap;
    }

    .bt-divider {
        margin: 16px 0;
    }

    .bt-wc-add-to-cart form.cart {
        flex-direction: column;
        align-items: stretch;
    }

    .bt-wc-add-to-cart .quantity {
        width: 100%;
    }

    .bt-wc-add-to-cart .qty {
        width: 100%;
    }

    .bt-guarantees {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .bt-sticky-cart {
        bottom: 10px;
        left: 10px;
        right: 10px;
    }
}