/**
 * CzarCommerce — Loop de categorias (cards .wd-cat) (F12-B).
 *
 * Cópia VERBATIM (minificada) do css/parts/woo-categories-loop.min.css
 * (style-name woodmart `woo-categories-loop` — NÃO confundir com o style
 * `categories-loop`, que aponta para woo-categories-loop-old e é outro
 * componente). Estiliza os cards de categoria (.wd-cat/.wd-cat-inner/
 * .wd-cat-content/.wd-cat-wrap) que renderizam na home e no /loja/
 * (carrossel de categorias). Markup Woo product-category + tema; sem
 * rename czar-*. Custom properties --wd-* vêm dos theme settings.
 */

.wd-cat{--wd-otl-offset: calc(var(--wd-otl-width) * -1);text-align:center}.wd-cat img{width:100%}.wd-cat-inner{position:relative}.wd-cat-content{padding:10px}.wd-cat-wrap{padding:var(--wd-prod-bg-sp);border-radius:var(--wd-cat-brd-radius, var(--wd-brd-radius))}.wd-cat .wd-entities-title{margin-bottom:0;text-transform:uppercase;font-size:20px}:is(.products-bordered-grid-ins,.wd-products-with-bg:not(.products-bordered-grid),.wd-products-with-shadow:not(.products-bordered-grid)) .wd-cat{--wd-prod-bg-sp: 15px}@media (max-width: 768.98px){:is(.products-bordered-grid-ins,.wd-products-with-bg:not(.products-bordered-grid),.wd-products-with-shadow:not(.products-bordered-grid)) .wd-cat{--wd-prod-bg-sp: 10px}}