/* =============================================================================
   WOOCOMMERCE: CATEGORY LAYOUT
   Used on: Shop and Category archive pages
   ============================================================================= */

.woocommerce ul.products li.product-category {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
    display: flex !important;
    flex-direction: column !important;
}

.woocommerce ul.products li.product-category a {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto;
    text-decoration: none;
}

.woocommerce ul.products li.product-category a img {
    width: 100% !important;
    height: 128px !important;
    aspect-ratio: 4 / 3 !important;
    object-fit: contain !important;
    display: block;
}

.woocommerce ul.products li.product-category a h2.woocommerce-loop-category__title {
    position: static !important;
    border-top: 1px solid #e0e0e0;
    padding: 0.5rem;
    margin-top: auto;
    color: #333;
    font-size: clamp(0.85rem, 0.8rem + 0.25vw, 1rem);
    line-height: 1.3;
}

.woocommerce-loop-category__title .count {
    display: none !important;
}

/* Responsive: Category tiles */
@media (max-width: 768px) {
    .woocommerce ul.products li.product-category a img {
        height: 115px !important;
    }
    .woocommerce ul.products li.product-category a h2.woocommerce-loop-category__title {
        padding: 0.5rem;
    }
}

@media (max-width: 480px) {
    .woocommerce ul.products li.product-category a img {
        height: auto !important;
    }
}