.listing-page{max-width:var(--layout-content-width);margin:0 auto;padding:var(--space-6) var(--layout-gutter)}@media (min-width: 1024px){.listing-page{padding:var(--space-8) var(--layout-gutter-lg)}}.listing-page__breadcrumb{margin-bottom:var(--space-4)}.listing-page__breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:0;list-style:none;padding:0;margin:0}.listing-page__breadcrumb li{display:flex;align-items:center;font-size:var(--font-size-sm);color:var(--color-text-muted)}.listing-page__breadcrumb li+li:before{content:"›";padding:0 var(--space-2);color:var(--color-text-muted)}.listing-page__breadcrumb a{color:var(--color-text-brand);text-decoration:none}.listing-page__breadcrumb a:hover{text-decoration:underline}.listing-page__heading{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-snug);margin-bottom:var(--space-2);letter-spacing:-.01em}.listing-page__result-summary{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-4)}.listing-page__mobile-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 0 var(--space-4);border-bottom:1px solid var(--color-border-default);margin-bottom:var(--space-5)}@media (min-width: 900px){.listing-page__mobile-filter-bar{display:none}}.listing-page__filter-toggle{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background-color:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);text-decoration:none;transition:border-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.listing-page__filter-toggle:hover{border-color:var(--color-border-strong);color:var(--color-text-primary);text-decoration:none}.listing-page__filter-toggle-icon{display:flex;align-items:center;color:var(--color-text-muted)}.listing-page__filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-inverse);background-color:var(--color-text-primary);border-radius:var(--radius-full);line-height:1}.listing-page__mobile-sort{flex-shrink:0}.listing-page__filter-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--color-bg-overlay);z-index:calc(var(--z-overlay) - 1);cursor:default}@media (max-width: 899px){.listing-page__filter-overlay{display:block}}.listing-page__layout{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media (min-width: 900px){.listing-page__layout{grid-template-columns:220px 1fr;gap:var(--space-8);align-items:start}}@media (min-width: 1200px){.listing-page__layout{grid-template-columns:240px 1fr}}.listing-page__main{min-width:0}.listing-page__subcategories{margin-bottom:var(--space-5)}.listing-page__subcategories ul{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;padding:0;margin:0}.listing-page__subcategories a{display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);padding:var(--space-1) var(--space-3);border:1px solid var(--color-border-default);border-radius:var(--radius-full);text-decoration:none;transition:border-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.listing-page__subcategories a:hover{border-color:var(--color-border-focus);color:var(--color-text-brand);text-decoration:none}.listing-page__subcategory-count{color:var(--color-text-muted);font-weight:var(--font-weight-regular)}.listing-page__controls{display:none;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-default)}@media (min-width: 900px){.listing-page__controls{display:flex}}.listing-page__controls-sort--desktop{flex-shrink:0}.listing-page__controls-count{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:right;white-space:nowrap}.filter-panel{background-color:var(--color-bg-surface)}@media (max-width: 899px){.filter-panel{position:fixed;top:0;left:0;bottom:0;width:min(320px,88vw);z-index:var(--z-overlay);overflow-y:auto;overscroll-behavior:contain;padding:var(--space-4) var(--space-5);transform:translate(-100%);transition:transform var(--duration-slow) var(--ease-decelerate);box-shadow:var(--shadow-lg);visibility:hidden}.filter-panel--open{transform:translate(0);visibility:visible}}.filter-panel__drawer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-default)}@media (min-width: 900px){.filter-panel__drawer-header{display:none}}.filter-panel__drawer-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.filter-panel__close{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--color-text-muted);border-radius:var(--radius-md);text-decoration:none;transition:color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default)}.filter-panel__close:hover{color:var(--color-text-primary);background-color:var(--color-bg-subtle);text-decoration:none}.filter-panel__active{margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-default)}.filter-panel__active-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-2)}.filter-panel__active-list{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;padding:0;margin:0}.filter-panel__active-pill{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-primary);background-color:var(--color-bg-subtle);border:1px solid var(--color-border-default);border-radius:var(--radius-full);padding:2px var(--space-2);text-decoration:none;transition:border-color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default)}.filter-panel__active-pill:hover{border-color:var(--color-border-strong);background-color:var(--color-bg-surface);text-decoration:none}.filter-panel__facets{display:flex;flex-direction:column;gap:0}.facet-group{padding:var(--space-4) 0;border-bottom:1px solid var(--color-border-default)}.facet-group:first-child{padding-top:0}.facet-group__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.facet-group__values{display:flex;flex-direction:column;gap:var(--space-1);list-style:none;padding:0;margin:0}.facet-group__value-link{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none;padding:3px 0;transition:color var(--duration-fast) var(--ease-default)}.facet-group__value-link:hover{color:var(--color-text-primary);text-decoration:none}.facet-group__value-link--selected{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.facet-group__checkbox{display:inline-block;width:14px;height:14px;border:1.5px solid var(--color-border-strong);border-radius:var(--radius-sm);flex-shrink:0}.facet-group__checkmark{display:inline-block;width:14px;height:14px;background-color:var(--color-text-primary);border-radius:var(--radius-sm);color:var(--color-text-inverse);font-size:10px;line-height:14px;text-align:center;flex-shrink:0}.facet-group__value-label{flex:1;min-width:0}.facet-group__count{font-size:var(--font-size-xs);color:var(--color-text-muted);flex-shrink:0}.listing-grid__item{display:flex;flex-direction:column}.listing-grid__list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);list-style:none;padding:0;margin:0;margin-bottom:var(--space-8)}@media (min-width: 640px){.listing-grid__list{grid-template-columns:repeat(3,1fr);gap:var(--space-4)}}@media (min-width: 1100px){.listing-grid__list{grid-template-columns:repeat(4,1fr)}}.listing-grid--degraded,.listing-grid--empty{padding:var(--space-16) var(--space-4);text-align:center;background-color:var(--color-bg-section);border-radius:var(--radius-lg);border:1px solid var(--color-border-default);margin-bottom:var(--space-8)}.listing-grid__degraded-message,.listing-grid__empty-message{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.listing-grid__empty-hint{font-size:var(--font-size-sm);color:var(--color-text-muted);max-width:360px;margin:0 auto;line-height:var(--line-height-relaxed)}.product-card{background-color:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);overflow:hidden;height:100%;transition:box-shadow var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default)}.product-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong)}.product-card__link{display:flex;flex-direction:column;text-decoration:none;color:inherit;height:100%;padding:var(--space-3);gap:var(--space-2)}.product-card__link:hover{text-decoration:none;color:inherit}.product-card__image-wrap{width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--radius-md);background-color:var(--color-bg-subtle);margin-bottom:var(--space-2);flex-shrink:0}.product-card__image{width:100%;height:100%;object-fit:contain;display:block}.product-card__image--placeholder{width:100%;height:100%}.product-card__badges{display:flex;flex-wrap:wrap;gap:var(--space-1);list-style:none;padding:0;margin:0}.product-card__badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--ventari-warning-700);background-color:var(--ventari-warning-50);border-radius:var(--radius-sm);padding:1px var(--space-2);letter-spacing:.01em}.product-card__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:var(--line-height-snug);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card__rating{display:flex;align-items:center;gap:var(--space-1)}.product-card__stars{display:flex;align-items:center;gap:1px}.product-card__review-count{font-size:var(--font-size-xs);color:var(--color-text-muted)}.product-card__price{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap;margin-top:auto}.product-card__price-current{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-price)}.product-card__price-original{font-size:var(--font-size-sm);color:var(--color-text-price-list);font-weight:var(--font-weight-regular)}.product-card__price-unavailable{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:auto}.product-card__availability{font-size:var(--font-size-xs);color:var(--color-text-success)}.sort-dropdown{display:flex;align-items:center;gap:var(--space-3)}.sort-dropdown__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap;flex-shrink:0}.sort-dropdown__options{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;padding:0;margin:0}.sort-dropdown__option-link{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-border-default);white-space:nowrap;transition:border-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.sort-dropdown__option-link:hover{border-color:var(--color-border-strong);color:var(--color-text-primary);text-decoration:none}.sort-dropdown__option-link--active{border-color:var(--color-text-primary);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);cursor:default}.sort-dropdown__option{display:flex;align-items:center}.sort-dropdown--compact{position:relative}.sort-dropdown__compact-trigger{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-full);padding:var(--space-2) var(--space-3);cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;transition:border-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.sort-dropdown__compact-trigger::-webkit-details-marker{display:none}.sort-dropdown--compact[open] .sort-dropdown__compact-trigger{border-color:var(--color-border-strong);color:var(--color-text-primary)}.sort-dropdown__compact-label{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sort-dropdown__compact-chevron{font-size:var(--font-size-xs);color:var(--color-text-muted);flex-shrink:0}.sort-dropdown__compact-options{position:absolute;right:0;top:calc(100% + var(--space-2));z-index:var(--z-raised);min-width:180px;background-color:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-2) 0;list-style:none;margin:0}.sort-dropdown--compact .sort-dropdown__option-link{display:block;border:none;border-radius:0;padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.sort-dropdown--compact .sort-dropdown__option-link:hover{background-color:var(--color-bg-subtle);color:var(--color-text-primary)}.sort-dropdown--compact .sort-dropdown__option-link--active{border:none;color:var(--color-text-primary);font-weight:var(--font-weight-semibold);background-color:var(--color-bg-subtle)}.pagination{padding-top:var(--space-8);border-top:1px solid var(--color-border-default);margin-top:var(--space-6)}.pagination__list{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-1);list-style:none;padding:0;margin:0}.pagination__link{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);text-decoration:none;transition:border-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default)}.pagination__link:hover{border-color:var(--color-border-strong);color:var(--color-text-primary);background-color:var(--color-bg-subtle);text-decoration:none}.pagination__link--current{border-color:var(--color-text-primary);background-color:var(--color-text-primary);color:var(--color-text-inverse);font-weight:var(--font-weight-semibold);cursor:default}.pagination__link--current:hover{background-color:var(--color-text-primary);color:var(--color-text-inverse);border-color:var(--color-text-primary)}.pagination__link--disabled{border-color:var(--color-border-default);color:var(--color-text-disabled);cursor:default;pointer-events:none}.pagination__link--prev,.pagination__link--next{gap:var(--space-1);padding:0 var(--space-3)}.pagination__ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;font-size:var(--font-size-sm);color:var(--color-text-muted)}@media (max-width: 480px){.pagination__prev-label,.pagination__next-label{display:none}}.pagination__item{display:flex;align-items:center}