/* =====================================================================
   HOME · KATALOZI v4 — thirteen catalogue renders in one contained grid on
   the light ground, no boxes: the render, the brand's real mark, the
   category (2026-09-08). Seven in the first row, six centred in the second. Scoped .pzkat.
   ===================================================================== */
.pzkat { padding: clamp(56px, 6vw, 96px) 0; background: var(--poz-page, #FFFFFF); border-top: 1px solid var(--poz-line, #DFE3E7); }
.pzkat-head { display: grid; grid-template-columns: minmax(0, 54fr) minmax(0, 46fr); align-items: end; gap: 22px clamp(30px, 5vw, 88px); padding-bottom: clamp(26px, 2.8vw, 40px); }
.pzkat-eyebrow { display: flex; align-items: center; gap: 12px; font: 500 10.5px/1 var(--poz-font-body, Sora, sans-serif); letter-spacing: .24em; text-transform: uppercase; color: var(--poz-text-2, #5F6772); }
.pzkat-eyebrow i { display: block; width: 26px; height: 2px; border-radius: 2px; background: var(--poz-text, #16171B); }
.pzkat-h { margin: clamp(13px, 1.4vw, 21px) 0 0; font: 400 clamp(24px, 2.9vw, 48px)/1.05 var(--poz-font-display, Michroma, sans-serif); letter-spacing: -.024em; color: var(--poz-text, #16171B); text-wrap: balance; }
.pzkat-lead { margin: 0 0 5px; max-width: 44ch; font: 400 clamp(13.5px, 1.02vw, 16.5px)/1.65 var(--poz-font-body, Sora, sans-serif); color: var(--poz-text-2, #5F6772); }

.pzkat-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: clamp(8px, .9vw, 14px); }
.pzkat-card {
	flex: 0 1 calc((100% - 6 * clamp(8px, .9vw, 14px)) / 7);
	display: flex; flex-direction: column; align-items: center; gap: 5px;
	padding: 12px 8px 10px; box-sizing: border-box;
	color: var(--poz-text, #16171B); text-decoration: none; text-align: center;
	transition: transform .5s cubic-bezier(.16, 1, .3, 1);
}
.pzkat-card:hover, .pzkat-card:focus-visible { transform: translateY(-3px); }
.pzkat-card__logo { display: flex; align-items: center; justify-content: center; height: 32px; margin-top: 4px; }
.pzkat-card__logo img { display: block; width: auto; max-width: 96px; object-fit: contain; }
.pzkat-card:focus-visible { outline: 2px solid var(--poz-text, #16171B); outline-offset: 2px; }
.pzkat-card__shot { display: flex; align-items: flex-end; justify-content: center; width: 100%; height: clamp(170px, 14.5vw, 210px); margin-bottom: 14px; }
.pzkat-card__shot img { display: block; max-width: 92%; max-height: 100%; width: auto; height: auto; object-fit: contain; filter: drop-shadow(0 14px 22px rgba(22, 23, 27, .16)); transition: transform .6s cubic-bezier(.16, 1, .3, 1); }
.pzkat-card:hover .pzkat-card__shot img { transform: translateY(-4px); }
.pzkat-card__b { font: 400 9px/1.5 var(--poz-font-mono, 'IBM Plex Mono', monospace); letter-spacing: .16em; text-transform: uppercase; color: var(--poz-text-2, #5F6772); }
.pzkat-card__t { margin-top: 6px; font: 400 11px/1.35 var(--poz-font-display, Michroma, sans-serif); letter-spacing: -.005em; color: var(--poz-text, #16171B); text-wrap: balance; }

@media (max-width: 1180px) { .pzkat-card { flex-basis: calc((100% - 4 * 12px) / 5); } }
@media (max-width: 900px)  { .pzkat-head { grid-template-columns: minmax(0, 1fr); } .pzkat-card { flex-basis: calc((100% - 2 * 12px) / 3); } }
@media (max-width: 560px)  { .pzkat-card { flex-basis: calc((100% - 12px) / 2); } .pzkat-card__shot { height: 140px; } }
@media (prefers-reduced-motion: reduce) { .pzkat-card, .pzkat-card__shot img { transition-duration: .01ms !important; transform: none !important; } }