@layer components{.cnp-shop{padding-block:var(--cnp-space-2xl)}.cnp-shop__layout{display:grid;gap:var(--cnp-space-l);grid-template-columns:1fr;align-items:start}@container (min-width:62rem){.cnp-shop__layout{grid-template-columns:22rem 1fr}}@container (min-width:62rem){.cnp-shop__sidebar{position:sticky;inset-block-start:var(--cnp-space-l)}}.cnp-shop-filter{background-color:var(--cnp-color-background-alt);border:1px solid var(--cnp-color-border);border-radius:var(--cnp-radius-m);overflow:hidden}.cnp-shop-filter__summary{display:flex;align-items:center;justify-content:space-between;gap:var(--cnp-space-xs);padding-block:var(--cnp-space-m);padding-inline:var(--cnp-space-m);font-size:var(--cnp-font-size-base);font-weight:var(--cnp-font-weight-bold);cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.cnp-shop-filter__summary::-webkit-details-marker{display:none}.cnp-shop-filter__chevron{flex-shrink:0;transition:transform var(--cnp-transition-fast)}.cnp-shop-filter[open] .cnp-shop-filter__chevron{transform:rotate(180deg)}@container (min-width:62rem){.cnp-shop-filter__summary{display:none}}.cnp-shop-filter__nav{padding-block:var(--cnp-space-s) var(--cnp-space-m);padding-inline:var(--cnp-space-s)}@container (min-width:62rem){.cnp-shop-filter__nav{padding-block-start:var(--cnp-space-m)}}.cnp-shop-filter__heading{display:none;font-size:var(--cnp-font-size-xs);font-weight:var(--cnp-font-weight-bold);color:var(--cnp-color-text-muted);text-transform:uppercase;letter-spacing:.08em;padding-inline:var(--cnp-space-s);margin-block-end:var(--cnp-space-s)}@container (min-width:62rem){.cnp-shop-filter__heading{display:block}}.cnp-shop-filter__list{list-style:none;display:flex;flex-direction:column;gap:var(--cnp-space-3xs)}.cnp-shop-filter__link{display:flex;align-items:center;justify-content:space-between;gap:var(--cnp-space-xs);padding-block:var(--cnp-space-xs);padding-inline:var(--cnp-space-s);border-radius:var(--cnp-radius-s);font-size:var(--cnp-font-size-sm);color:var(--cnp-color-text);transition:background-color var(--cnp-transition-fast),color var(--cnp-transition-fast)}.cnp-shop-filter__link:hover{background-color:var(--cnp-color-primary);color:var(--cnp-color-background)}.cnp-shop-filter__link.is-active{background-color:var(--cnp-color-primary);color:var(--cnp-color-background);font-weight:var(--cnp-font-weight-medium)}.cnp-shop-filter__count{font-size:var(--cnp-font-size-xs);font-variant-numeric:tabular-nums;opacity:.65;flex-shrink:0}.cnp-shop-filter__link.is-active .cnp-shop-filter__count{opacity:.8}.cnp-shop__main{container-type:inline-size;min-inline-size:0}.cnp-shop__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--cnp-space-m);padding-block-end:var(--cnp-space-m);margin-block-end:var(--cnp-space-l);border-block-end:1px solid var(--cnp-color-border)}.cnp-shop__title{font-size:var(--cnp-font-size-xl);margin-block-end:0}.cnp-shop__toolbar{display:flex;align-items:center;gap:var(--cnp-space-m);flex-wrap:wrap}.cnp-shop__count{font-size:var(--cnp-font-size-sm);color:var(--cnp-color-text-muted);margin-block-end:0;white-space:nowrap}.cnp-shop__sort-form{display:flex;align-items:center;gap:var(--cnp-space-xs)}.cnp-shop__sort-label{font-size:var(--cnp-font-size-sm);color:var(--cnp-color-text-muted);white-space:nowrap}.cnp-shop__select{padding-block:var(--cnp-space-xs);padding-inline:var(--cnp-space-s);border:1px solid var(--cnp-color-border);border-radius:var(--cnp-radius-s);background-color:var(--cnp-color-background);color:var(--cnp-color-text);font-size:var(--cnp-font-size-sm);cursor:pointer;transition:border-color var(--cnp-transition-fast);appearance:auto}.cnp-shop__select:focus-visible{outline:2px solid var(--cnp-color-primary);outline-offset:2px;border-color:var(--cnp-color-primary)}.cnp-shop__empty{text-align:center;padding-block:var(--cnp-space-2xl);color:var(--cnp-color-text-muted);font-size:var(--cnp-font-size-base);margin-block-end:0}.cnp-shop__pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--cnp-space-s);margin-block-start:var(--cnp-space-xl);padding-block-start:var(--cnp-space-l);border-block-start:1px solid var(--cnp-color-border)}.cnp-shop__page-nav{display:inline-flex;align-items:center;gap:var(--cnp-space-xs);padding-block:var(--cnp-space-s);padding-inline:var(--cnp-space-m);min-block-size:4.4rem;border:1px solid var(--cnp-color-border);border-radius:var(--cnp-radius-s);font-size:var(--cnp-font-size-sm);font-weight:var(--cnp-font-weight-medium);color:var(--cnp-color-text);background-color:var(--cnp-color-background);white-space:nowrap;flex-shrink:0;transition:background-color var(--cnp-transition-fast),border-color var(--cnp-transition-fast),color var(--cnp-transition-fast)}a.cnp-shop__page-nav:hover{background-color:var(--cnp-color-primary);border-color:var(--cnp-color-primary);color:var(--cnp-color-background)}.cnp-shop__page-nav.is-disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.cnp-shop__page-counter{flex:1;min-inline-size:0;text-align:center;font-size:var(--cnp-font-size-sm);font-weight:var(--cnp-font-weight-medium);color:var(--cnp-color-text-muted);white-space:nowrap}.cnp-shop__page-list{display:none;list-style:none;align-items:center;gap:var(--cnp-space-2xs);scrollbar-width:none}.cnp-shop__page-list::-webkit-scrollbar{display:none}@container (min-width:50rem){.cnp-shop__page-counter{display:none}.cnp-shop__page-list{display:flex;flex:1;min-inline-size:0;justify-content:center;overflow-x:auto}}.cnp-shop__page-num{display:inline-flex;align-items:center;justify-content:center;min-inline-size:4rem;block-size:4rem;padding-inline:var(--cnp-space-xs);border:1px solid var(--cnp-color-border);border-radius:var(--cnp-radius-s);font-size:var(--cnp-font-size-sm);color:var(--cnp-color-text);background-color:var(--cnp-color-background);flex-shrink:0;transition:background-color var(--cnp-transition-fast),border-color var(--cnp-transition-fast),color var(--cnp-transition-fast)}a.cnp-shop__page-num:hover{background-color:var(--cnp-color-primary);border-color:var(--cnp-color-primary);color:var(--cnp-color-background)}.cnp-shop__page-num.is-active{background-color:var(--cnp-color-primary);border-color:var(--cnp-color-primary);color:var(--cnp-color-background);font-weight:var(--cnp-font-weight-medium);pointer-events:none}.cnp-shop__page-num--ellipsis{border-color:#fff0;background-color:#fff0;pointer-events:none;color:var(--cnp-color-text-muted);min-inline-size:2.4rem}}@layer utilities{@media (prefers-reduced-motion:reduce){.cnp-shop-filter__chevron{transition:none}}}