.cat-top{background:var(--light);padding-block:32px 24px}.cat-top h1{font-family:var(--font-head);color:var(--navy);margin-bottom:12px;font-size:clamp(32px,6vw,48px);line-height:1.08}.cat-top p{max-width:680px;color:var(--text);font-size:18px;line-height:1.5}.cat-filters{background:var(--light);border-bottom:1px solid var(--border);padding-bottom:20px}.cat-row{flex-direction:column;gap:8px;margin-top:14px;display:flex}.cat-row:first-child{margin-top:0}.cat-row-label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:700}.cat-chips{scrollbar-width:none;gap:8px;margin-inline:-16px;padding-inline:16px;display:flex;overflow-x:auto}.cat-chip{border:1px solid var(--border);background:var(--white);min-height:40px;color:var(--text);cursor:pointer;border-radius:999px;flex:none;padding:8px 14px;font-size:15px}.cat-chip:hover{border-color:var(--navy)}.cat-chip[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:var(--white)}.cat-row-tools{flex-flow:wrap;gap:12px}.cat-field{flex-direction:column;flex:200px;gap:6px;display:flex}.cat-field select,.cat-field input{border:1px solid var(--border);background:var(--white);min-height:44px;font:inherit;color:var(--text);border-radius:10px;padding:8px 12px;font-size:16px}.cat-count{color:var(--muted);margin-top:14px;font-size:15px}.cat-clear{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.cat-loading{min-height:60vh}.cat-results{padding-block:24px 56px}.cat-grid{grid-template-columns:repeat(2,1fr);gap:12px;list-style:none;display:grid}.cat-card{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--white);text-align:left;width:100%;height:100%;font:inherit;color:inherit;cursor:pointer;flex-direction:column;padding:0;display:flex;overflow:hidden}.cat-card:hover{box-shadow:0 6px 18px #16263f1f}.cat-card:hover strong{color:var(--accent);text-decoration:underline}.cat-img{aspect-ratio:4/5;background:var(--white);display:block}.cat-img img{object-fit:contain;width:100%;height:100%;display:block}.cat-noimg{background:var(--light);height:100%;min-height:160px;color:var(--muted);place-items:center;font-size:14px;display:grid}.cat-card-text{border-top:1px solid var(--border);flex-direction:column;gap:2px;padding:12px 14px 14px;display:flex}.cat-brand{letter-spacing:.03em;text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:700}.cat-card-text strong{color:var(--navy);font-size:16px;line-height:1.3}.cat-meta{color:var(--muted);font-size:14px}.cat-empty{color:var(--text);font-size:18px}.cat-dialog{border-radius:var(--radius-card);background:var(--white);border:0;width:min(920px,100vw - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:0;box-shadow:0 20px 60px #16263f4d}.cat-dialog::backdrop{background:#16263f8c}.cat-dialog-inner{gap:20px;padding:20px;display:grid;position:relative}.cat-close{background:var(--light);width:44px;height:44px;color:var(--navy);cursor:pointer;border:0;border-radius:999px;font-size:28px;line-height:1;position:absolute;top:8px;right:8px}.cat-dialog-img{justify-self:center;width:min(100%,260px)}.cat-dialog-img img{width:100%;height:auto;display:block}.cat-dialog-text h2{font-family:var(--font-head);color:var(--navy);margin:4px 0 6px;font-size:28px;line-height:1.15}.cat-dialog-text .cat-meta a{color:var(--accent)}.cat-colors{margin-top:16px}.cat-colors ul{flex-wrap:wrap;gap:6px;margin-top:8px;list-style:none;display:flex}.cat-colors button{cursor:pointer;border:1px solid #00000026;border-radius:999px;width:26px;height:26px;padding:0;display:block}.cat-colors button:hover{transform:scale(1.12)}.cat-colors button[aria-pressed=true]{outline:2px solid var(--navy);outline-offset:2px}.cat-details{color:var(--text);margin-top:16px;padding-left:20px;font-size:16px;line-height:1.5;list-style:outside}.cat-details li+li{margin-top:4px}.cat-dialog-buttons{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}@media (min-width:640px){.cat-row{flex-direction:row;align-items:center;gap:12px}.cat-row>.cat-row-label{flex:none;width:90px}.cat-chips{flex-wrap:wrap;margin-inline:0;padding-inline:0;overflow:visible}.cat-grid{grid-template-columns:repeat(3,1fr);gap:16px}}@media (min-width:760px){.cat-dialog-inner{grid-template-columns:340px 1fr;gap:32px;padding:32px}.cat-dialog-img{align-self:start;width:100%}}@media (min-width:960px){.cat-top{padding-block:48px 28px}.cat-grid{grid-template-columns:repeat(4,1fr);gap:20px}.cat-row-tools{max-width:760px}}.cat-img{position:relative}.cat-badge{background:var(--navy);color:var(--white);border-radius:999px;padding:4px 10px;font-size:13px;font-weight:700;position:absolute;top:8px;left:8px}.cat-color-pick{max-width:320px;color:var(--muted);flex-direction:column;gap:6px;margin-top:16px;font-size:14px;font-weight:700;display:flex}.cat-color-pick select{border:1px solid var(--border);background:var(--white);min-height:44px;font:inherit;color:var(--text);border-radius:10px;padding:8px 12px;font-size:16px;font-weight:400}.cat-added{color:var(--navy);align-self:center;font-weight:700}.cat-bar{z-index:20;background:var(--white);border-top:1px solid var(--border);position:sticky;bottom:0;box-shadow:0 -6px 18px #16263f1a}.cat-bar-inner{justify-content:space-between;align-items:center;gap:12px;padding-block:12px;display:flex}.cat-bar-inner p{min-width:0;color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:16px;overflow:hidden}.cat-bar-names{color:var(--muted)}@media (max-width:639px){.cat-bar-names{display:none}}.cat-filters-embedded{background:0 0;border-bottom:0;padding-bottom:0}