:root { --zn-catalog-brand:#7c3aed; --zn-catalog-dark:#111827; --zn-catalog-muted:#6b7280; --zn-catalog-line:#e5e7eb; }
.zeat-catalog-page { margin:0; background:#f8fafc; color:var(--zn-catalog-dark); font-family:"Plus Jakarta Sans",system-ui,sans-serif; }
.zn-catalog-header { position:sticky; top:0; z-index:20; display:flex; align-items:center; gap:20px; padding:14px max(20px,calc((100% - 1160px)/2)); background:#fff; border-bottom:1px solid var(--zn-catalog-line); }
.zn-catalog-header__brand { color:var(--zn-catalog-dark); font-size:19px; font-weight:800; letter-spacing:.04em; text-decoration:none; white-space:nowrap; }.zn-catalog-header__brand span { display:block; color:var(--zn-catalog-muted); font-size:9px; font-weight:600; letter-spacing:.13em; text-transform:uppercase; }
.zn-catalog-header__search { display:flex; flex:1; max-width:600px; margin:auto; }.zn-catalog-header__search input { min-width:0; width:100%; min-height:46px; border:2px solid var(--zn-catalog-line); border-radius:999px 0 0 999px; padding:0 16px; font:inherit; }.zn-catalog-header__search input:focus { border-color:var(--zn-catalog-brand); outline:0; }.zn-catalog-header__search button { min-height:46px; border:0; border-radius:0 999px 999px 0; padding:0 20px; background:var(--zn-catalog-brand); color:#fff; font:700 14px inherit; cursor:pointer; }
.zn-catalog-header__links { display:flex; align-items:center; gap:14px; white-space:nowrap; }.zn-catalog-header__links a { color:var(--zn-catalog-dark); font-size:14px; font-weight:700; text-decoration:none; }.zn-catalog-header__links .zn-catalog-header__wa { color:#16803b; }
.zn-catalog { width:min(1160px,calc(100% - 40px)); margin:0 auto; padding:52px 0 88px; }.zn-catalog__intro { margin-bottom:30px; }.zn-catalog__eyebrow { margin:0 0 8px; color:var(--zn-catalog-brand); font-size:13px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }.zn-catalog h1 { margin:0; font-size:clamp(28px,4vw,42px); line-height:1.12; }.zn-catalog__intro > p:last-child { color:var(--zn-catalog-muted); }
.zn-catalog__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin:0; padding:0; list-style:none; }.zn-catalog-card { overflow:hidden; background:#fff; border:1px solid var(--zn-catalog-line); border-radius:12px; transition:box-shadow .18s ease,transform .18s ease; }.zn-catalog-card:hover { box-shadow:0 8px 24px rgba(0,0,0,.1); transform:translateY(-2px); }.zn-catalog-card__image { display:block; aspect-ratio:1; background:#fff; }.zn-catalog-card__image img { display:block; width:100%; height:100%; object-fit:contain; }.zn-catalog-card__body { padding:14px; }.zn-catalog-card h2 { min-height:42px; margin:0; font-size:14px; line-height:1.42; }.zn-catalog-card h2 a { color:inherit; text-decoration:none; }.zn-catalog-card__price { min-height:24px; margin:10px 0; color:var(--zn-catalog-brand); font-size:18px; font-weight:800; }.zn-catalog-card__cta,.zn-catalog__wa-button { display:inline-flex; min-height:42px; align-items:center; justify-content:center; box-sizing:border-box; border-radius:999px; padding:0 16px; background:var(--zn-catalog-brand); color:#fff; font-size:14px; font-weight:800; text-decoration:none; }.zn-catalog__wa-button { background:#16803b; }
.zn-catalog__empty { max-width:600px; padding:36px; background:#fff; border:1px solid var(--zn-catalog-line); border-radius:16px; text-align:center; }.zn-catalog__empty h2 { margin-top:0; }.zn-catalog__empty p { color:var(--zn-catalog-muted); }.zn-catalog__empty-actions { display:flex; justify-content:center; gap:12px; flex-wrap:wrap; margin-top:22px; }.zn-catalog__pagination .page-numbers { display:flex; justify-content:center; gap:8px; margin:36px 0 0; padding:0; list-style:none; }.zn-catalog__pagination a,.zn-catalog__pagination span { display:inline-flex; min-width:38px; min-height:38px; align-items:center; justify-content:center; border:1px solid var(--zn-catalog-line); border-radius:8px; color:var(--zn-catalog-dark); text-decoration:none; }.zn-catalog__pagination .current { background:var(--zn-catalog-brand); border-color:var(--zn-catalog-brand); color:#fff; }.zn-catalog-fab { position:fixed; right:20px; bottom:20px; z-index:30; border-radius:999px; padding:14px 18px; background:#16803b; box-shadow:0 6px 22px rgba(0,0,0,.2); color:#fff; font-weight:800; text-decoration:none; }
@media (max-width:800px) { .zn-catalog-header { flex-wrap:wrap; gap:12px; }.zn-catalog-header__search { order:3; flex-basis:100%; }.zn-catalog-header__links { margin-left:auto; }.zn-catalog__grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.zn-catalog { padding-top:32px; }.zn-catalog-card__body { padding:12px; } }
@media (max-width:440px) { .zn-catalog { width:min(100% - 28px,1160px); }.zn-catalog__empty { padding:26px 18px; } }