.product-listing{container-type:inline-size;display:flex;flex-direction:column;gap:var(--spacing-4xl)}.product-listing-filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-3xs);padding:var(--spacing-3xs);background:var(--bg-filter-bar);border-radius:var(--radius-l)}.product-listing-filter{display:flex;align-items:center;justify-content:center;gap:var(--spacing-4xs);padding:var(--spacing-2xs) var(--spacing-s);background:var(--bg-filter-pill);border-radius:var(--radius-full);font-size:var(--font-size-s);font-weight:500;line-height:1;white-space:nowrap}.product-listing-filter-label{color:var(--txt-title-muted)}.product-listing-filter-value{color:var(--txt-btn-secondary)}.product-listing-filter-remove{width:16px;height:16px;padding:0;border:none;background:#fff0;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.product-listing-filter-remove svg{width:8px;height:8px;color:var(--txt-btn-secondary)}.product-listing-filter-clear{display:flex;align-items:center;gap:var(--spacing-4xs);padding:var(--spacing-2xs) var(--spacing-s);border:none;background:#fff0;font-size:var(--font-size-s);font-weight:500;line-height:1;color:var(--txt-btn-secondary);text-decoration:underline;cursor:pointer;white-space:nowrap}.product-listing-filter-clear svg{width:16px;height:16px;color:var(--txt-btn-secondary)}.product-listing-filter-count{font-size:var(--font-size-s);font-weight:400;line-height:normal;color:var(--txt-title-muted);white-space:nowrap}.product-listing-grid{display:grid;grid-template-columns:repeat(var(--grid-cols,4),1fr);gap:var(--spacing-2xl)}@container (max-width:899px){.product-listing-grid{grid-template-columns:repeat(3,1fr)}}@container (max-width:599px){.product-listing-grid{grid-template-columns:repeat(2,1fr)}}@container (max-width:399px){.product-listing-grid{grid-template-columns:1fr}}.product-listing-actions{display:flex;align-items:center;justify-content:center;position:relative}.product-listing-scroll-top{position:absolute;left:0;top:0}.product-listing-pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.product-listing-page{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:var(--radius-full);background:#fff0;color:var(--txt-btn-secondary);font-size:var(--font-size-s);font-weight:500;line-height:1;cursor:pointer;transition:background 0.2s,color 0.2s}.product-listing-page:hover{background:var(--bg-btn-secondary)}.product-listing-page.is-active{background:var(--bg-btn-primary);color:var(--txt-btn-primary);cursor:default}.product-listing-page.is-active:hover{background:var(--bg-btn-primary)}.product-listing-page.is-arrow{border:var(--border-width-m) solid var(--bd-btn-outline-primary);background:#fff0;color:var(--txt-btn-outline-primary)}.product-listing-page.is-arrow:hover{background:var(--bg-btn-outline-primary-hover);color:var(--txt-btn-outline-primary-hover)}.product-listing-page.is-arrow svg{width:16px;height:16px}.product-listing-page.is-ellipsis{cursor:default;pointer-events:none}.product-listing-page.is-ellipsis:hover{background:#fff0}.product-listing-skeleton{display:grid;grid-template-columns:repeat(var(--grid-cols,4),1fr);gap:var(--spacing-2xl)}@container (max-width:899px){.product-listing-skeleton{grid-template-columns:repeat(3,1fr)}}@container (max-width:599px){.product-listing-skeleton{grid-template-columns:repeat(2,1fr)}}@container (max-width:399px){.product-listing-skeleton{grid-template-columns:1fr}}.product-listing-skeleton-card{display:flex;flex-direction:column;gap:var(--spacing-s)}.product-listing-skeleton-image{aspect-ratio:1 / 1;border-radius:var(--radius-l)}.product-listing-skeleton-text{display:flex;flex-direction:column;gap:var(--spacing-2xs);padding:0 var(--spacing-3xs)}.product-listing-skeleton-line{height:14px;border-radius:var(--radius-s)}.product-listing-skeleton-line.is-short{width:60%}.product-listing-skeleton-image,.product-listing-skeleton-line{--_base:color-mix(in srgb, var(--bg-category-card) 94%, var(--txt-heading));--_shine:color-mix(in srgb, var(--bg-category-card) 88%, var(--txt-heading));background:linear-gradient(90deg,var(--_base) 25%,var(--_shine) 50%,var(--_base) 75%);background-size:200% 100%;animation:product-shimmer 2s ease infinite}@keyframes product-shimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}