/* Native WooCommerce category tiles, alongside the existing product cards. */
.woocommerce ul.products li.product-category{display:flex;margin:0;padding:0}
.woocommerce ul.products li.product-category>a{display:flex;flex-direction:column;width:100%;min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--foreground);text-decoration:none;box-shadow:0 1px 2px #17201c06;transition:border-color .18s ease,box-shadow .18s ease}
.woocommerce ul.products li.product-category>a>img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;margin:0;background:var(--muted);border-bottom:1px solid var(--border);transition:filter .18s ease}
.woocommerce ul.products li.product-category .woocommerce-loop-category__title{position:relative;flex:1;margin:0;padding:16px 60px 16px 16px;min-height:88px;font-size:16px;font-weight:600;letter-spacing:0;line-height:1.5}
.woocommerce ul.products li.product-category .category-card-count{display:block;margin-top:4px;font-size:12px;font-weight:400;line-height:1.5;color:var(--muted-foreground)}
.woocommerce ul.products li.product-category .woocommerce-loop-category__title::after{content:'';position:absolute;right:16px;top:50%;width:32px;height:32px;transform:translateY(-50%);border-radius:6px;background:var(--primary) center/18px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14m-6-6 6 6-6 6'/%3E%3C/svg%3E");transition:background-color .18s ease,transform .18s ease}
.woocommerce ul.products li.product-category>a:hover,.woocommerce ul.products li.product-category>a:focus-visible{border-color:#dfb39b;box-shadow:0 4px 16px #17201c0d}
.woocommerce ul.products li.product-category>a:hover>img{filter:brightness(.97)}
.woocommerce ul.products li.product-category>a:is(:hover,:focus-visible) .woocommerce-loop-category__title::after{background-color:var(--primary-hover);transform:translateY(-50%) rotate(-45deg)}
.woocommerce ul.products li.product-category>a:focus-visible{outline:2px solid var(--ring);outline-offset:3px}
@media(max-width:767px){
 .woocommerce ul.products li.product-category .woocommerce-loop-category__title{padding:12px 42px 12px 12px;min-height:86px;font-size:14px}
 .woocommerce ul.products li.product-category .category-card-count{font-size:11px}
 .woocommerce ul.products li.product-category .woocommerce-loop-category__title::after{right:12px;width:24px;height:24px;border-radius:5px;background-size:15px}
}
@media(prefers-reduced-motion:reduce){
 .woocommerce ul.products li.product-category>a,.woocommerce ul.products li.product-category>a>img,.woocommerce ul.products li.product-category .woocommerce-loop-category__title::after{transition:none}
 .woocommerce ul.products li.product-category>a:is(:hover,:focus-visible) .woocommerce-loop-category__title::after{transform:translateY(-50%)}
}
