.pages-categories-client-client-wrapper{width:100%}.pages-categories-client-client-hero{width:100%;border-radius:var(--card-border-radius-outter)}.pages-categories-client-client-title{margin:0;color:var(--foreground-color-lighter);font-size:var(--fs-large)}.pages-categories-client-client-summary{color:var(--foreground-color-lighter);max-width:70ch;font-size:var(--fs-h4)}.pages-categories-client-client-grid{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:1rem;gap:1rem}.pages-categories-client-client-card{border-radius:var(--card-border-radius-outter);border:1px solid var(--foreground-color-lighter-transparent);background:var(--background-color-light);box-shadow:var(--shadow-m);padding:1rem;display:flex;flex-direction:column;gap:var(--space-s);text-decoration:none;transition:transform .14s ease,border-color .14s ease,background-color .14s ease}.pages-categories-client-client-card:hover{transform:translateY(-2px);border-color:var(--primary-color-transparent);background:var(--background-color-light)}.pages-categories-client-client-card-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-s)}.pages-categories-client-client-icon-wrap{width:2.1rem;height:2.1rem;border-radius:.7rem;border:1px solid var(--primary-color-transparent);background:var(--primary-color-transparent);display:inline-flex;align-items:center;justify-content:center}.pages-categories-client-client-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--primary-color)}.pages-categories-client-client-open-indicator{display:inline-flex;align-items:center;gap:.25rem;font-size:.72rem;color:var(--foreground-color-lighter)}.pages-categories-client-client-card-title{margin:0;font-size:var(--fs-h4);font-weight:700}.pages-categories-client-client-card-summary{margin:0;color:var(--foreground-color-light);font-size:var(--fs-body);line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.pages-categories-client-client-brands-row{display:flex;flex-wrap:wrap;gap:.4rem}.pages-categories-client-client-brand-chip,.pages-categories-client-client-brand-chip-muted{border-radius:999px;border:1px solid var(--foreground-color-lighter-transparent);background:var(--background-color-light);padding:.2rem .5rem;font-size:.68rem}.pages-categories-client-client-brand-chip-muted{color:var(--foreground-color-lighter)}@media (max-width:768px){.pages-categories-client-client-hero{padding:1rem}.pages-categories-client-client-grid{grid-template-columns:1fr}}