/* =========================================================================
   Vappax — Product Category Archive Banner Image
   Scoped to product-category archive pages only.

   Desktop: image sits as a full-height left column; the banner text
   (.ast-container content) stays on the right. The image height stretches
   to match the text content height, cropping with object-fit: cover.
   Mobile: image stacks above the text.
========================================================================= */

body.tax-product_cat .ast-archive-entry-banner .ast-container {
    position: relative;
}

@media (min-width: 769px) {
    body.tax-product_cat .ast-archive-entry-banner .ast-container {
        /* 180px image + 30px gap */
        padding-left: 210px;
    }

    body.tax-product_cat .ast-archive-entry-banner .vappax-cat-banner-image {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 180px;
        margin: 0;
        border-radius: 12px;
        overflow: hidden;
        line-height: 0;
    }

    body.tax-product_cat .ast-archive-entry-banner .vappax-cat-banner-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        display: block;
    }
}

@media (max-width: 768px) {
    body.tax-product_cat .ast-archive-entry-banner .ast-container {
        display: flex;
        flex-direction: column;
        gap: 18px;
        padding-left: 0;
    }

    body.tax-product_cat .ast-archive-entry-banner .vappax-cat-banner-image {
        position: static;
        width: 100%;
        max-width: 220px;
        border-radius: 12px;
        overflow: hidden;
        line-height: 0;
    }

    body.tax-product_cat .ast-archive-entry-banner .vappax-cat-banner-image img {
        width: 100%;
        height: auto;
        display: block;
    }
}