.b-prodcats{display:grid;grid-template-columns:repeat(var(--b-prodcats-cols, 3),minmax(0,1fr));gap:var(--b-prodcats-gap, 1rem)}.b-prodcats--cols-1{grid-template-columns:repeat(1,1fr)}.b-prodcats--cols-2{grid-template-columns:repeat(2,1fr)}.b-prodcats--cols-3{grid-template-columns:repeat(3,1fr)}.b-prodcats--cols-4{grid-template-columns:repeat(4,1fr)}.b-prodcats--cols-5{grid-template-columns:repeat(5,1fr)}.b-prodcats--cols-6{grid-template-columns:repeat(6,1fr)}.b-prodcats__card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:var(--b-prodcats-card-padding, .75rem);border:1px solid var(--b-prodcats-card-border, #e5e7eb);border-radius:var(--b-prodcats-radius, var(--b-radius, 8px));text-align:center;text-decoration:none;color:inherit;background:var(--b-prodcats-card-bg, transparent);transition:transform .15s ease,box-shadow .15s ease}.b-prodcats__card:hover,.b-prodcats__card:focus-visible{transform:translateY(-4px);box-shadow:0 0 0 2px var(--b-prodcats-accent, var(--b-primary, #4f46e5)),0 10px 24px -12px #00000040}.b-prodcats__media{display:block;inline-size:100%;aspect-ratio:var(--b-prodcats-media-ratio, 1);overflow:hidden;border-radius:var(--b-prodcats-media-radius, var(--b-radius, 8px));line-height:0}.b-prodcats__media img{inline-size:100%;block-size:100%;object-fit:cover;display:block}.b-prodcats__name{color:var(--b-prodcats-name, #111827);font-size:var(--b-prodcats-name-size, 16px);font-weight:600}.b-prodcats__count{font-size:.85em;color:var(--b-prodcats-count, #6b7280)}@media (prefers-reduced-motion: reduce){.b-prodcats__card{transition:none}.b-prodcats__card:hover,.b-prodcats__card:focus-visible{transform:none}}