.ck-catalog-hero { padding: 42px 0 34px; background: var(--ck-color-white); border-bottom: 1px solid var(--ck-color-border); }
.ck-catalog-hero__inner { max-width: 980px; margin-inline: auto; text-align: center; }
.ck-catalog-hero h1 { margin: 0; color: var(--ck-color-navy); font-family: var(--ck-font-display); font-size: clamp(2.2rem, 5vw, 4.8rem); line-height: .98; letter-spacing: -.055em; }
.ck-catalog-hero p:last-child { max-width: 760px; margin: 14px auto 0; color: var(--ck-color-muted); font-size: 1.02rem; }
.ck-catalog-layout { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 28px; padding-block: 32px 64px; }
.ck-catalog-filters { position: sticky; top: calc(var(--ck-header-height) + 16px); }
body.ck-site.admin-bar .ck-catalog-filters { top: calc(var(--ck-header-height) + 48px); }
.ck-catalog-filters form { margin: 0; }
.ck-catalog-filters .ck-filters__head a { color: var(--ck-color-blue); font-size: .77rem; font-weight: 800; text-decoration: none; }
.ck-filter-submit { margin-top: 18px; }
.ck-catalog-results { min-width: 0; }
.ck-catalog-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 22px; margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid var(--ck-color-border); }
.ck-catalog-toolbar h2 { margin: 0; color: var(--ck-color-navy); font-family: var(--ck-font-display); font-size: 1.55rem; letter-spacing: -.03em; }
.ck-catalog-toolbar p { margin: 3px 0 0; color: var(--ck-color-muted); font-size: .8rem; }
.ck-catalog-sort { display: flex; align-items: center; gap: 9px; }
.ck-catalog-sort label { color: var(--ck-color-muted); font-size: .76rem; font-weight: 800; }
.ck-catalog-sort select { min-height: 42px; max-width: 230px; padding: 8px 34px 8px 11px; border: 1px solid var(--ck-color-border); border-radius: 8px; background: var(--ck-color-white); color: var(--ck-color-navy); font-weight: 700; }
.ck-catalog-sort .ck-button { min-height: 42px; padding: 8px 13px; }
.ck-active-filters { display: flex; flex-wrap: wrap; gap: 7px; margin: 0 0 18px; }
.ck-active-filters a { display: inline-flex; align-items: center; gap: 7px; min-height: 34px; padding: 5px 9px; border: 1px solid #b8c8df; border-radius: 999px; background: var(--ck-color-white); color: var(--ck-color-navy); font-size: .72rem; font-weight: 800; text-decoration: none; }
.ck-active-filters a:hover { border-color: var(--ck-color-blue); color: var(--ck-color-blue-hover); }
.ck-active-filters .ck-active-filters__clear { border-color: transparent; background: transparent; color: var(--ck-color-blue); }
.ck-product-grid--catalog { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ck-catalog-empty { padding: 48px 26px; border: 1px dashed #aeb9c8; border-radius: var(--ck-radius-md); background: var(--ck-color-canvas); text-align: center; }
.ck-catalog-empty h3 { margin: 0 0 8px; color: var(--ck-color-navy); font-family: var(--ck-font-display); font-size: 1.5rem; }
.ck-catalog-empty p { margin: 0 0 18px; color: var(--ck-color-muted); }
.ck-pagination { display: flex; justify-content: center; margin-top: 30px; }
.ck-pagination .page-numbers { min-width: 40px; min-height: 40px; display: inline-grid; place-items: center; margin: 3px; padding: 6px 10px; border: 1px solid var(--ck-color-border); border-radius: 8px; background: var(--ck-color-white); color: var(--ck-color-navy); font-weight: 800; text-decoration: none; }
.ck-pagination .page-numbers.current { border-color: var(--ck-color-blue); background: var(--ck-color-blue); color: var(--ck-color-white); }
.ck-pagination a.page-numbers:hover { border-color: var(--ck-color-blue); color: var(--ck-color-blue); }