/* F6: static izdelki.html. Native Hummingbird facets, sorting and cart remain. */
body:has(.to-listing-intro) #wrapper { padding-top: 0; }
body:has(.to-listing-intro) .breadcrumb__wrapper { margin-bottom: 0; background: var(--to-color-surface); }
body:has(.to-listing-intro) .breadcrumb__wrapper > .container { max-width: var(--to-container-wide); padding-inline: var(--to-gutter); }
body:has(.to-listing-intro) .breadcrumb {
  margin: 0;
  padding-block: .875rem 0;
  font-family: var(--to-font-mono);
  font-size: .75rem;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.to-listing-intro.container,
.to-listing-columns.container {
  width: 100%;
  max-width: var(--to-container-wide);
  margin-inline: auto;
  padding-inline: var(--to-gutter);
}
.to-listing-intro { padding-top: 1.75rem; }
.to-listing-intro .page-title-section {
  margin: 0 0 .75rem;
  font-family: var(--to-font-display);
  font-size: 3.5rem;
  font-weight: var(--to-font-weight-display);
  line-height: 1.05;
  letter-spacing: -.02em;
  text-transform: none;
  overflow-wrap: anywhere;
}
.to-listing-intro .category__header { margin: 0; }
.to-listing-intro .rich-text {
  max-width: 38.75rem;
  margin: 0 0 1.5rem;
  color: var(--to-color-text-muted);
  font-size: 1.125rem;
  text-wrap: pretty;
}
.to-listing-intro .rich-text > :last-child { margin-bottom: 0; }
/* Configured category covers remain real content, absent from the static demo. */
.to-listing-intro .category__cover { margin-block: 1.5rem; }
.to-listing-intro .category__cover-image { width: 100%; height: auto; border-radius: var(--to-radius-card); }
.to-listing-intro .subcategory { margin: 0; }
.to-listing-intro .subcategory__list {
  display: flex;
  flex-wrap: nowrap;
  gap: .5rem;
  overflow-x: auto;
  margin: 0;
  padding-inline: 0;
  padding-block: 0 .375rem;
  scrollbar-width: thin;
}
.to-listing-intro .subcategory__link {
  display: flex;
  flex: none;
  align-items: center;
  gap: .625rem;
  min-height: 2.75rem;
  margin: 0;
  padding: .375rem 1rem;
  border: 0;
  border-radius: var(--to-radius-pill);
  background: var(--to-color-surface-cool);
  font-size: .9375rem;
  white-space: nowrap;
}
.to-listing-intro .subcategory__link--with-image { padding-inline-start: .375rem; }
.to-listing-intro .subcategory__thumbnail { display: block; width: 2rem; height: 2rem; border-radius: 50%; object-fit: cover; }
.to-listing-intro .subcategory__name { margin: 0; font: inherit; text-transform: none; }
.to-listing-columns { padding-block: 1.75rem 6.875rem; }
.to-listing-columns > .row { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2.5rem; align-items: start; margin: 0; }
.to-listing-columns > .row:has(> #left-column) { grid-template-columns: 16.25rem minmax(0, 1fr); }
.to-listing-columns > .row:has(> #right-column):not(:has(> #left-column)) { grid-template-columns: minmax(0, 1fr) 16.25rem; }
.to-listing-columns > .row:has(> #left-column):has(> #right-column) { grid-template-columns: 13.75rem minmax(0, 1fr) 13.75rem; }
.to-listing-columns > .row > :is(#left-column, #center-column, #right-column) { width: auto; min-width: 0; padding: 0; }
.to-listing-columns #left-column { align-self: stretch; }
.to-listing-columns #center-column { min-width: 0; padding-bottom: 0; }
.to-listing-columns #products { min-width: 0; }
.to-listing-columns .ps-facetedsearch:not(.offcanvas) {
  position: sticky;
  top: 5.25rem;
  max-height: calc(100vh - 6.25rem);
  overflow-y: auto;
  padding-inline-end: .375rem;
  margin-bottom: 0;
}
.to-listing-columns .search-filters .left-block__title { margin: 0 0 .875rem; padding-top: .25rem; font-size: .75rem; font-family: var(--to-font-mono); font-weight: 400; letter-spacing: .04em; text-transform: uppercase; }
.to-listing-columns .search-filters__clear { margin-bottom: .875rem; }
.to-listing-columns .search-filters__clear .btn { padding: 0; border: 0; background: transparent; color: var(--to-color-brand); font-size: .875rem; text-decoration: underline; }
.to-listing-columns .search-filters .accordion-item { border: 0; border-top: 1px solid var(--to-color-border); border-radius: 0; }
.to-listing-columns .search-filters .accordion-button { padding: 1rem 0; background: transparent; color: var(--to-color-text); box-shadow: none; font-size: 1rem; font-weight: 500; }
.to-listing-columns .search-filters .accordion-body { display: grid; gap: .25rem; padding: 0 0 1rem; margin: 0; list-style: none; }
.to-listing-columns .search-filters__form-check { display: flex; align-items: center; gap: .75rem; min-height: 2.5rem; margin: 0; padding: .5rem 0; }
.to-listing-columns .search-filters .form-check-input { flex: none; float: none; width: 1.125rem; height: 1.125rem; margin: 0; }
.to-listing-columns .search-filters__form-label { flex: 1; min-width: 0; font-size: 1rem; cursor: pointer; }
.to-listing-columns .search-filters__link { display: flex; align-items: baseline; justify-content: space-between; gap: .5rem; color: var(--to-color-text); }
.to-listing-columns .search-filters__magnitude { font-family: var(--to-font-mono); font-size: .75rem; color: var(--to-color-text-muted); }
.to-listing-columns .search-filters__dropdown-toggle { max-width: 100%; font-size: .9375rem; }
.to-listing-columns .products__selection { display: flex; justify-content: space-between; align-items: center; gap: .75rem; flex-wrap: wrap; margin: 0 0 .875rem; }
.to-listing-columns .products__count { font-family: var(--to-font-mono); font-size: .75rem; letter-spacing: .04em; color: var(--to-color-text-muted); }
.to-listing-columns .products__sort { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; }
.to-listing-columns .products__sort-label { font-size: .9375rem; }
.to-listing-columns .products__sort-dropdown-button,
.to-listing-columns .products__filter-button { padding: .5625rem .75rem; border: 1px solid var(--to-color-text); border-radius: var(--to-radius-control); background: var(--to-color-surface); color: var(--to-color-text); font-size: .9375rem; font-weight: 400; }
.to-listing-columns .active-filters__list { gap: .5rem; margin: 0 0 1.125rem; }
.to-listing-columns .active-filters__link { padding: .5rem .875rem; border: 0; background: var(--to-color-lavender); color: var(--to-color-text); font-size: .875rem; }
.to-listing-columns #js-product-list > .products { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; }
.to-listing-columns #products .product-miniature { min-width: 0; }
.to-listing-columns #products .product-miniature__inner { height: 100%; border: 0; border-radius: 0; box-shadow: none; }
.to-listing-columns #products .product-miniature__top,
.to-listing-columns #products .product-miniature__image-link { border-radius: var(--to-radius-card); overflow: hidden; background: var(--to-color-surface-cool); }
.to-listing-columns #products .product-miniature__image { display: block; width: 100%; height: 17.5rem; object-fit: cover; }
.to-listing-columns #products .product-miniature__inner:hover .product-miniature__image { transform: none; }
.to-listing-columns #products .product-miniature__inner:is(:hover, :has(:focus-visible)) .product-miniature__top { border-radius: var(--to-radius-card); }
.to-listing-columns #products .product-miniature__bottom { flex: 1; padding: .75rem 0 0; gap: .875rem; }
.to-listing-columns #products .product-miniature__title { font-size: 1.125rem; font-weight: 500; line-height: 1.3; }
.to-listing-columns #products .product-miniature__prices { font-size: .9375rem; }
.to-listing-columns #products .product-miniature__actions { margin-top: auto; }
.to-listing-columns #products .product-miniature__form { flex-wrap: wrap; gap: .5rem; }
.to-listing-columns #products .quantity-button { min-width: 0; max-width: 100%; }
.to-listing-columns #products .product-miniature__details { width: 100%; padding: .6875rem .875rem; font-size: .9375rem; border-radius: var(--to-radius-control); }
.to-listing-columns #products .product-miniature__details:hover { background: var(--to-color-text); color: var(--to-color-surface); }
.to-listing-columns .products__pagination { margin-top: 2rem; }
.to-listing-columns .pagination__container { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; }
.to-listing-columns .pagination__number { font-family: var(--to-font-mono); font-size: .75rem; color: var(--to-color-text-muted); }
.to-listing-columns .pagination { flex-wrap: wrap; margin: 0; }
.to-listing-columns .to-listing-empty { padding: 2.5rem; border-radius: var(--to-radius-card); background: var(--to-color-surface-cool); text-align: center; }
.to-listing-columns .category__footer { margin-top: 2rem; }
.to-listing-columns .category__footer:empty { margin: 0; }

@media (max-width: 960px) {
  .to-listing-intro .page-title-section { font-size: 2.5rem; }
  .to-listing-columns #js-product-list > .products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .875rem; }
  .to-listing-columns #products .product-miniature__image { height: 11.25rem; }
  /* Keep the parent's 768px facet relocation; do not expose an empty offcanvas. */
  .to-listing-columns > .row:has(> #left-column),
  .to-listing-columns > .row:has(> #right-column) { grid-template-columns: 13.75rem minmax(0, 1fr); gap: 1.5rem; }
  .to-listing-columns > .row:has(> #right-column):not(:has(> #left-column)) { grid-template-columns: minmax(0, 1fr) 13.75rem; }
  .to-listing-columns > .row:has(> #left-column):has(> #right-column) { grid-template-columns: 13.75rem minmax(0, 1fr); }
  .to-listing-columns > .row:has(> #left-column) > #right-column { grid-column: 1 / -1; }
}
@media (max-width: 767.98px) {
  .to-listing-columns > .row:has(> #left-column),
  .to-listing-columns > .row:has(> #right-column) { grid-template-columns: minmax(0, 1fr); }
  .to-listing-columns #left-column:has(> .ps-facetedsearch):not(:has(> :not(.ps-facetedsearch))) { display: contents; }
  .to-listing-columns .ps-facetedsearch.offcanvas { --bs-offcanvas-width: 100%; }
  .to-listing-columns .ps-facetedsearch .offcanvas-body { padding: 0 1.125rem calc(1.125rem + env(safe-area-inset-bottom)); }
  .to-listing-columns .ps-facetedsearch .offcanvas-header { padding: 1.125rem; border-bottom: 1px solid var(--to-color-border); }
  .to-listing-columns .products__sort { width: 100%; }
  .to-listing-columns .products__sort-dropdown { flex: 1; min-width: 0; }
  .to-listing-columns .products__sort-dropdown-button { width: 100%; }
  .to-listing-columns .to-listing-empty { padding: 1.5rem; }
}
@media (max-width: 420px) {
  .to-listing-columns #products .product-miniature__image { height: 9.375rem; }
}
