.zuk-showcase { margin: 40px 0; padding: 32px 0; border-top: 1px solid var(--line, #e5e7eb); }
.zuk-showcase h2 { margin: 0 0 16px; text-align: center; font-size: 28px; line-height: 1.5; overflow-wrap: anywhere; }
.zuk-showcase__description { text-align: center; margin: 0 0 24px; white-space: normal; overflow-wrap: anywhere; }
.zuk-showcase__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.zuk-showcase__card { min-width: 0; padding: 12px; background: #fff; border: 1px solid var(--line, #e5e7eb); border-radius: 8px; box-shadow: 0 8px 24px #00000008; }
.zuk-showcase__card a { display: block; color: inherit; text-decoration: none; }
.zuk-showcase__card a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.zuk-showcase__card .zuk-showcase__image { display: block; width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: contain; background: #edf0f2; border-radius: 6px; }
.zuk-showcase__card .zuk-showcase__name { margin: 12px 0 0; font-size: 16px; font-weight: 700; line-height: 1.6; overflow-wrap: anywhere; }
@media (max-width: 1000px) { .zuk-showcase__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .zuk-showcase__grid { grid-template-columns: minmax(0, 1fr); } .zuk-showcase h2 { font-size: 24px; } }
