/* Only the reference's black border/shadow; preserve existing card layout. */
:root {
  --card-ink: #000000;
  --card-border: 2px solid var(--card-ink);
  --card-offset: 6px;
  --card-shadow: var(--card-offset) var(--card-offset) 0 var(--card-ink);
}

body :is(.product-card, .category-card, .clothing-ticket, .community-card),
body .community-card a.group {
  border: var(--card-border);
  box-shadow: var(--card-shadow);
}

@media (max-width: 639px) {
  :root { --card-offset: 4px; }
}

/* Transparent borders preserve the exact card and image dimensions. */
html[data-wn-card-border="false"] { --card-border: 2px solid transparent; }
html[data-wn-card-shadow="false"] { --card-shadow: none; }