@charset "UTF-8";
/**
 * Minimalny zestaw dla bundli CSS per-strona (assets/css/*.css z webpacka).
 * theme.css ładuje pełny motyw; te pliki mają zawierać głównie reguły z partiali
 * w prestashop/pages/_*.scss — bez reboot/grid/komponentów Bootstrap ani całego PrestaShop.
 *
 * Kolejność jak w theme.scss: najpierw abstract, potem rdzeń Bootstrap (tylko do mixinów/zmiennych Sass).
 *
 * Wyjątki (partial PrestaShop ładowany w bundlach stron bez pełnego `theme.scss`):
 * - `~bootstrap/scss/tables` — `@extend .table` (np. `product/_product-discounts.scss`);
 * - `prestashop/components/product/product-color` — placeholder `%color-variant` dla miniatury / wariantów.
 */
:root {
  --pixel-stroke:#979797;
  --pixel-bg:#F0F0F0;
  --pixel-black:#1C1C1C;
  --pixel-white:#FFFFFF;
  --pixel-gray:#6D6D6D;
  --pixel-gray-dark:#6D6D6D;
  --pixel-gray-light:#F0F0F0;
  --pixel-beige:#DBB49A;
  --pixel-beige-dark:#DBB49A;
  --pixel-beige-light:#F5D7C4;
  --pixel-green:#46A740;
  --pixel-border-input: 2px solid var(--pixel-gray-light);
}

@layer bs-components {
  .table, .discounts-table {
    --bs-table-color-type: initial;
    --bs-table-bg-type: initial;
    --bs-table-color-state: initial;
    --bs-table-bg-state: initial;
    --bs-table-color: var(--bs-emphasis-color);
    --bs-table-bg: var(--bs-body-bg);
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-emphasis-color);
    --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
    --bs-table-active-color: var(--bs-emphasis-color);
    --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
    --bs-table-hover-color: var(--bs-emphasis-color);
    --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
    width: 100%;
    margin-bottom: 1rem;
    vertical-align: top;
    border-color: var(--bs-table-border-color);
  }
  .table > :not(caption) > * > *, .discounts-table > :not(caption) > * > * {
    padding: 0.5rem 0.5rem;
    color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
    background-color: var(--bs-table-bg);
    border-bottom-width: var(--bs-border-width);
    box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
  }
  .table > tbody, .discounts-table > tbody {
    vertical-align: inherit;
  }
  .table > thead, .discounts-table > thead {
    vertical-align: bottom;
  }
  .table-group-divider {
    border-top: calc(var(--bs-border-width) * 2) solid currentcolor;
  }
  .caption-top {
    caption-side: top;
  }
  .table-sm > :not(caption) > * > * {
    padding: 0.25rem 0.25rem;
  }
  .table-bordered > :not(caption) > * {
    border-width: var(--bs-border-width) 0;
  }
  .table-bordered > :not(caption) > * > * {
    border-width: 0 var(--bs-border-width);
  }
  .table-borderless > :not(caption) > * > * {
    border-bottom-width: 0;
  }
  .table-borderless > :not(:first-child) {
    border-top-width: 0;
  }
  .table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-color-type: var(--bs-table-striped-color);
    --bs-table-bg-type: var(--bs-table-striped-bg);
  }
  .table-striped-columns > :not(caption) > tr > :nth-child(even) {
    --bs-table-color-type: var(--bs-table-striped-color);
    --bs-table-bg-type: var(--bs-table-striped-bg);
  }
  .table-active {
    --bs-table-color-state: var(--bs-table-active-color);
    --bs-table-bg-state: var(--bs-table-active-bg);
  }
  .table-hover > tbody > tr:hover > * {
    --bs-table-color-state: var(--bs-table-hover-color);
    --bs-table-bg-state: var(--bs-table-hover-bg);
  }
  .table-primary {
    --bs-table-color: #000;
    --bs-table-bg: rgb(206.2, 225, 253.2);
    --bs-table-border-color: rgb(164.96, 180, 202.56);
    --bs-table-striped-bg: rgb(195.89, 213.75, 240.54);
    --bs-table-striped-color: #000;
    --bs-table-active-bg: rgb(185.58, 202.5, 227.88);
    --bs-table-active-color: #000;
    --bs-table-hover-bg: rgb(190.735, 208.125, 234.21);
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
  }
  .table-secondary {
    --bs-table-color: #000;
    --bs-table-bg: rgb(225.6, 227.4, 229);
    --bs-table-border-color: rgb(180.48, 181.92, 183.2);
    --bs-table-striped-bg: rgb(214.32, 216.03, 217.55);
    --bs-table-striped-color: #000;
    --bs-table-active-bg: rgb(203.04, 204.66, 206.1);
    --bs-table-active-color: #000;
    --bs-table-hover-bg: rgb(208.68, 210.345, 211.825);
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
  }
  .table-success {
    --bs-table-color: #000;
    --bs-table-bg: rgb(208.8, 230, 220.2);
    --bs-table-border-color: rgb(167.04, 184, 176.16);
    --bs-table-striped-bg: rgb(198.36, 218.5, 209.19);
    --bs-table-striped-color: #000;
    --bs-table-active-bg: rgb(187.92, 207, 198.18);
    --bs-table-active-color: #000;
    --bs-table-hover-bg: rgb(193.14, 212.75, 203.685);
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
  }
  .table-info {
    --bs-table-color: #000;
    --bs-table-bg: rgb(206.6, 244.4, 252);
    --bs-table-border-color: rgb(165.28, 195.52, 201.6);
    --bs-table-striped-bg: rgb(196.27, 232.18, 239.4);
    --bs-table-striped-color: #000;
    --bs-table-active-bg: rgb(185.94, 219.96, 226.8);
    --bs-table-active-color: #000;
    --bs-table-hover-bg: rgb(191.105, 226.07, 233.1);
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
  }
  .table-warning {
    --bs-table-color: #000;
    --bs-table-bg: rgb(255, 242.6, 205.4);
    --bs-table-border-color: rgb(204, 194.08, 164.32);
    --bs-table-striped-bg: rgb(242.25, 230.47, 195.13);
    --bs-table-striped-color: #000;
    --bs-table-active-bg: rgb(229.5, 218.34, 184.86);
    --bs-table-active-color: #000;
    --bs-table-hover-bg: rgb(235.875, 224.405, 189.995);
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
  }
  .table-danger {
    --bs-table-color: #000;
    --bs-table-bg: rgb(255, 218, 221.4);
    --bs-table-border-color: rgb(204, 174.4, 177.12);
    --bs-table-striped-bg: rgb(242.25, 207.1, 210.33);
    --bs-table-striped-color: #000;
    --bs-table-active-bg: rgb(229.5, 196.2, 199.26);
    --bs-table-active-color: #000;
    --bs-table-hover-bg: rgb(235.875, 201.65, 204.795);
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
  }
  .table-light {
    --bs-table-color: #000;
    --bs-table-bg: #f8f9fa;
    --bs-table-border-color: rgb(198.4, 199.2, 200);
    --bs-table-striped-bg: rgb(235.6, 236.55, 237.5);
    --bs-table-striped-color: #000;
    --bs-table-active-bg: rgb(223.2, 224.1, 225);
    --bs-table-active-color: #000;
    --bs-table-hover-bg: rgb(229.4, 230.325, 231.25);
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
  }
  .table-dark {
    --bs-table-color: #fff;
    --bs-table-bg: #212529;
    --bs-table-border-color: rgb(77.4, 80.6, 83.8);
    --bs-table-striped-bg: rgb(44.1, 47.9, 51.7);
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: rgb(55.2, 58.8, 62.4);
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: rgb(49.65, 53.35, 57.05);
    --bs-table-hover-color: #fff;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
  }
  .table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  @media (max-width: 359.98px) {
    .table-responsive-xs {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }
  }
  @media (max-width: 575.98px) {
    .table-responsive-sm {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }
  }
  @media (max-width: 767.98px) {
    .table-responsive-md {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }
  }
  @media (max-width: 991.98px) {
    .table-responsive-lg {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }
  }
  @media (max-width: 1199.98px) {
    .table-responsive-xl {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }
  }
  @media (max-width: 1399.98px) {
    .table-responsive-xxl {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }
  }
}
.product-variant__colors .color, .product-miniature__variants .color, .search-filters:not(.search-filters--panel) .search-filters__form-check--color .form-check-label .color {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
  background-size: contain;
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius-sm);
  outline: 0.125rem solid transparent;
  outline-offset: -0.125rem;
  transition: var(--bs-transition-default);
}
.product-variant__colors .color-sm, .product-miniature__variants .color-sm, .search-filters:not(.search-filters--panel) .search-filters__form-check--color .form-check-label .color-sm {
  width: 1rem;
  height: 1rem;
}
.product-variant__colors .color.active, .product-miniature__variants .color.active, .search-filters:not(.search-filters--panel) .search-filters__form-check--color .form-check-label .color.active, .product-variant__colors .color:focus-visible, .product-miniature__variants .color:focus-visible, .search-filters:not(.search-filters--panel) .search-filters__form-check--color .form-check-label .color:focus-visible, .product-variant__colors .color:hover, .product-miniature__variants .color:hover, .search-filters:not(.search-filters--panel) .search-filters__form-check--color .form-check-label .color:hover {
  outline: 0.125rem solid var(--bs-link-hover-color);
}

.input-color__input {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.input-color__input:focus-visible + .input-color__label .color {
  outline: 0.125rem solid var(--bs-link-hover-color);
}
.input-color__input:checked:focus-visible + .input-color__label {
  border-radius: var(--bs-border-radius-sm);
  outline: 0;
  box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
}

html {
  font-family: var(--bs-body-font-family);
}

:root {
  --font-body: var(--bs-body-font-family);
  --fs-title-fluid: clamp(1.85rem, 2.8vw, 2.375rem);
}

.title-fluid {
  font-size: var(--fs-title-fluid);
}

body,
html {
  min-height: 100%;
}

body {
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: clip;
}

ol,
ul {
  padding-left: 0;
  list-style: none;
}

a {
  transition: var(--bs-transition-default);
}

#wrapper {
  overflow-x: clip;
}

.search-filters--panel .search-filters__form-check,
.custom-checkbox {
  padding-left: 35px;
  position: relative;
  color: var(--pixel-gray-dark);
}
.search-filters--panel .search-filters__form-check label,
.custom-checkbox label {
  color: var(--pixel-gray-dark);
  font-size: 0.875rem;
}
.search-filters--panel .search-filters__form-check:before,
.custom-checkbox:before {
  content: "";
  position: absolute;
  border-radius: 0.3rem;
  z-index: 1;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  max-width: 24px;
  max-height: 24px;
  aspect-ratio: 1/1;
  border-radius: 0.2rem;
  border: 1px solid var(--pixel-gray-dark);
  opacity: 1;
  z-index: 1;
  left: 0;
}
.search-filters--panel .search-filters__form-check:after,
.custom-checkbox:after {
  content: url("data:image/svg+xml,%3Csvg width=%2710%27 height=%278%27 viewBox=%270 0 10 8%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M3.53742 7.07483C3.33333 7.07483 3.19728 7.0068 3.06122 6.87075L0.204082 4.01361C-0.0680272 3.7415 -0.0680272 3.33333 0.204082 3.06122C0.476191 2.78912 0.884354 2.78912 1.15646 3.06122L3.53742 5.44218L8.84354 0.204082C9.11565 -0.0680272 9.52381 -0.0680272 9.79592 0.204082C10.068 0.476191 10.068 0.884354 9.79592 1.15646L4.01361 6.93878C3.94558 7.0068 3.7415 7.07483 3.53742 7.07483Z%27 fill=%27%231C1C1C%27/%3E%3C/svg%3E%0A");
  position: absolute;
  opacity: 0;
  border-radius: 0.2rem;
  z-index: 2;
  left: 12px;
  transform: translateX(-50%) translateY(-1px);
}
.search-filters--panel .search-filters__form-check input,
.custom-checkbox input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0 !important;
  cursor: pointer;
  z-index: 3;
  background-color: transparent;
}
.search-filters--panel .search-filters__form-check input:checked,
.custom-checkbox input:checked {
  background-color: transparent;
  opacity: 0 !important;
}
.search-filters--panel .search-filters__form-check:has(input:checked),
.custom-checkbox:has(input:checked) {
  color: var(--pixel-black);
}
.search-filters--panel .search-filters__form-check:has(input:checked):before,
.custom-checkbox:has(input:checked):before {
  border-color: var(--pixel-black);
}
.search-filters--panel .search-filters__form-check:has(input:checked):after,
.custom-checkbox:has(input:checked):after {
  opacity: 1;
}
.search-filters--panel .search-filters__form-check:has(input:checked) label,
.custom-checkbox:has(input:checked) label {
  color: var(--pixel-black);
}
.search-filters--panel .search-filters__form-check span:has(i),
.custom-checkbox span:has(i) {
  display: none !important;
}

.container {
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 575.98px) {
  .container {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .container.module-products {
    padding: 0px !important;
    padding-inline: 0px !important;
  }
}
@media (max-width: 575.98px) and (max-width: 575.98px) {
  .container.module-products {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

.ps-facetedsearch {
  border-bottom: 0;
}
.ps-facetedsearch--mobile .offcanvas-body {
  padding: 0;
  display: flex;
}
.ps-facetedsearch--mobile .offcanvas-body #_mobile_faceted {
  flex-grow: 1;
  display: flex;
}
.ps-facetedsearch--mobile .offcanvas-body #search-filters {
  flex-grow: 1;
}
.ps-facetedsearch--mobile .offcanvas-body .search-filters--panel {
  border-left: 0px;
  border-right: 0;
  border-bottom: 0;
  border-radius: 0px;
}

.search-filters:not(.search-filters--panel) {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.search-filters:not(.search-filters--panel) .search-filters__clear {
  order: 1;
  margin-block-end: 0;
  margin-inline-start: auto;
}
.search-filters:not(.search-filters--panel) .search-filters__form-check {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  padding-inline-start: 0;
}
.search-filters:not(.search-filters--panel) .search-filters__form-check .form-check-input,
.search-filters:not(.search-filters--panel) .search-filters__form-check .color {
  flex-shrink: 0;
  margin: 0;
}
.search-filters:not(.search-filters--panel) .search-filters__form-check--color .form-check-label {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  cursor: pointer;
}
.search-filters:not(.search-filters--panel) .search-filters__link {
  color: var(--bs-body-color);
}
.search-filters:not(.search-filters--panel) .search-filters__link:hover {
  color: var(--bs-link-hover-color);
}
.search-filters:not(.search-filters--panel) .search-filters__color-label {
  color: var(--bs-body-color);
}
.search-filters:not(.search-filters--panel) .search-filters__color-label:hover {
  color: var(--bs-link-hover-color);
}
.search-filters:not(.search-filters--panel) .search-filters__magnitude {
  color: var(--bs-tertiary-color);
}
.search-filters:not(.search-filters--panel) .search-filters__dropdown-toggle {
  justify-content: flex-start;
  width: 100%;
  text-align: left;
  white-space: normal;
}
.search-filters:not(.search-filters--panel) .search-filters__dropdown-toggle::after {
  margin-inline-start: auto;
}
.search-filters:not(.search-filters--panel) .search-filters__dropdown-menu {
  width: 100%;
}
.search-filters:not(.search-filters--panel) .search-filters__slider-container {
  margin-block-end: 1rem;
}
.search-filters:not(.search-filters--panel) .search-filters__slider-values {
  font-size: 0.875rem;
  color: var(--bs-tertiary-color);
}
@media (min-width: 768px) {
  .search-filters:not(.search-filters--panel) {
    display: block;
  }
  .search-filters:not(.search-filters--panel) .search-filters__clear {
    order: initial;
    margin-block-end: 0.5rem;
    margin-inline-start: initial;
  }
}

.active-filters__title {
  font-weight: 600;
}
.active-filters__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}

#search_filters_wrapper.ps-facetedsearch.left-block {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}

.search-filters--panel {
  --sf-panel-border: var(--pixel-gray-light);
  --sf-text: #111;
  --sf-muted: #767676;
  /* Liczby / waluta — zawsze sans (Lora z motywu nie może „przejść” przez label/input). */
  --sf-price-font: "Lora", serif !important;
  display: block;
  gap: 0;
  padding: 1.35rem 1.35rem 1.1rem;
  border: 2px solid var(--sf-panel-border);
  border-radius: 0.875rem;
  background: var(--bs-body-bg);
  color: var(--sf-text);
}
.search-filters--panel .search-filters__panel-header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  -moz-column-gap: 0.65rem;
       column-gap: 0.65rem;
  flex-wrap: nowrap;
  margin-block-end: 1.25rem;
  padding-block-end: 0.75rem;
  border-block-end: 1px solid var(--sf-panel-border);
}
.search-filters--panel .search-filters__panel-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--sf-text);
  flex-shrink: 0;
}
.search-filters--panel .search-filters__panel-title {
  margin: 0;
  min-width: 0;
  font-size: 1.25rem;
  font-weight: 700;
  font-family: "Lora", ui-serif, Georgia, "Times New Roman", serif;
  line-height: 1.2;
  text-align: start;
}
.search-filters--panel .search-filters__panel-clear {
  flex-shrink: 0;
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: underline;
  text-underline-offset: 0.15em;
  color: var(--pixel-gray-dark);
  white-space: nowrap;
}
.search-filters--panel .search-filters__panel-clear:hover {
  color: var(--pixel-beige-dark);
  opacity: 0.75;
}
.search-filters--panel .search-filters__panel-clear--muted {
  text-decoration: underline;
  color: var(--pixel-gray-dark);
  pointer-events: none;
}
.search-filters--panel .search-filters__panel-body {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.search-filters--panel .search-filters__facet:last-child {
  border-block-end: 0;
}
.search-filters--panel .search-filters__facet-head {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-block-end: 0.85rem;
}
.search-filters--panel .search-filters__facet-head .search-filters__facet-toggle {
  flex: 1 1 auto;
  min-width: 0;
}
.search-filters--panel .search-filters__facet--slider .search-filters__facet-head {
  margin-block-end: 0;
}
.search-filters--panel .search-filters__facet-head-spacer {
  flex: 1 1 auto;
  min-width: 0;
}
.search-filters--panel .search-filters__facet-title {
  font-weight: 400;
  font-size: 1rem;
  font-family: "Lora", ui-serif, Georgia, "Times New Roman", serif;
  color: var(--sf-text);
}
.search-filters--panel .search-filters__facet-reset {
  display: flex;
  padding: 0.25rem;
  color: var(--sf-muted);
  border: 0;
  background: transparent;
  line-height: 0;
}
.search-filters--panel .search-filters__facet-reset:hover {
  color: var(--sf-text);
}
.search-filters--panel .search-filters__facet-reset .material-icons {
  font-size: 1.125rem;
}
.search-filters--panel button.search-filters__facet-toggle {
  position: relative;
  z-index: 2;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0.75rem 0;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  text-align: start;
  font-weight: 700;
  font-size: 1rem;
  font-family: "Lora", ui-serif, Georgia, "Times New Roman", serif;
  color: var(--sf-text);
  line-height: 1.3;
  cursor: pointer;
}
.search-filters--panel button.search-filters__facet-toggle:hover .search-filters__facet-chevron {
  color: var(--sf-text);
}
.search-filters--panel button.search-filters__facet-toggle:focus {
  outline: none;
}
.search-filters--panel button.search-filters__facet-toggle:focus-visible {
  outline: 2px solid var(--bs-focus-ring-color, #86b7fe);
  outline-offset: 2px;
}
.search-filters--panel .search-filters__facet-toggle[aria-expanded=true] .search-filters__facet-chevron {
  transform: rotate(90deg);
}
.search-filters--panel .search-filters__facet-toggle[aria-expanded=false] .search-filters__facet-chevron {
  transform: rotate(0deg);
}
.search-filters--panel .search-filters__facet-chevron {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 0.5rem;
  height: 0.75rem;
  margin: 0;
  border: 0;
  color: #6d6d6d;
  transform: rotate(0deg);
  transform-origin: 50% 50%;
  transition: transform 0.2s ease;
  line-height: 0;
}
.search-filters--panel .search-filters__facet-chevron svg {
  display: block;
  flex-shrink: 0;
}
.search-filters--panel .search-filters__facet-chevron--lead {
  margin-inline-end: 0.35rem;
}
.search-filters--panel .search-filters__facet-chevron--expanded {
  transform: rotate(90deg);
}
.search-filters--panel .search-filters__facet-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.375rem;
  height: 1.375rem;
  padding: 0 0.35rem 0 0.4rem;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1;
  color: var(--pixel-black);
  background: white;
  border: 1px solid var(--pixel-black);
  border-radius: 50%;
}
.search-filters--panel .search-filters__accordion-body {
  margin: 0;
  padding: 0 0 0rem;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.search-filters--panel .search-filters__slider-block {
  padding-block-end: 1rem;
}
.search-filters--panel .search-filters__slider {
  margin-block: 0.35rem 1rem;
  padding: 0 2px;
}
.search-filters--panel .search-filters__slider .noUi-target {
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  background: #e8e8e8 !important;
}
.search-filters--panel .search-filters__slider .noUi-horizontal {
  height: 6px !important;
}
.search-filters--panel .search-filters__slider .noUi-connects {
  border-radius: 999px !important;
  background: var(--pixel-gray-light) !important;
}
.search-filters--panel .search-filters__slider .noUi-connect {
  background: #1a1a1a !important;
}
.search-filters--panel .search-filters__slider .noUi-horizontal .noUi-handle {
  top: 50% !important;
  width: 14px !important;
  height: 14px !important;
  right: -7px !important;
  transform: translateY(-50%) !important;
  border-radius: 50% !important;
  border: 2px solid #1a1a1a !important;
  background: #fff !important;
  box-shadow: none !important;
  cursor: grab;
}
.search-filters--panel .search-filters__slider .noUi-horizontal .noUi-handle::before, .search-filters--panel .search-filters__slider .noUi-horizontal .noUi-handle::after {
  display: none !important;
}
.search-filters--panel .search-filters__slider .noUi-horizontal .noUi-handle:hover, .search-filters--panel .search-filters__slider .noUi-horizontal .noUi-handle:focus {
  border-color: #1a1a1a !important;
  background: #fff !important;
  box-shadow: none !important;
}
.search-filters--panel .search-filters__slider .noUi-handle.noUi-active,
.search-filters--panel .search-filters__slider .noUi-handle:active {
  border-color: #1a1a1a !important;
  background: #fff !important;
  box-shadow: none !important;
}
.search-filters--panel .search-filters__slider .noUi-tooltip {
  display: none !important;
}
.search-filters--panel .search-filters__slider-inputs {
  display: flex;
  align-items: center;
  gap: 0.65rem;
}
.search-filters--panel .search-filters__slider-dash {
  color: var(--sf-muted);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
}
.search-filters--panel label.search-filters__slider-field {
  position: relative;
  flex: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  margin: 0;
  padding: 0.55rem 0.75rem 0.5rem;
  border: 1px solid var(--sf-panel-border);
  border-radius: 0.5rem;
  background: var(--bs-body-bg);
  font-family: var(--sf-price-font);
  cursor: text;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.search-filters--panel label.search-filters__slider-field:focus-within {
  border-color: #cfcfcf;
  box-shadow: 0 0 0 3px rgba(17, 17, 17, 0.06);
}
.search-filters--panel .search-filters__slider-field-label {
  display: block;
  grid-column: 1/-1;
  grid-row: 1;
  margin: 0;
  font-family: var(--sf-price-font);
  font-size: 0.725rem;
  font-weight: 500;
  color: var(--sf-muted);
  line-height: 1.25;
  letter-spacing: 0.02em;
}
.search-filters--panel .search-filters__slider-input {
  display: block;
  grid-column: 1;
  grid-row: 2;
  align-self: center;
  justify-self: stretch;
  width: 100%;
  min-width: 0;
  margin: 0.15rem -0.25rem 0;
  padding: 0rem 0.25rem;
  border: 0 !important;
  border-radius: 0 !important;
  font-family: "Lora", serif !important;
  font-size: 0.9375rem;
  font-weight: 400;
  font-variant-numeric: tabular-nums;
  line-height: 1.1;
  text-align: left;
  letter-spacing: -0.03em;
  color: var(--sf-text);
  background: transparent !important;
  box-shadow: none !important;
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}
.search-filters--panel .search-filters__slider-input::-webkit-outer-spin-button, .search-filters--panel .search-filters__slider-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0;
}
.search-filters--panel .search-filters__slider-input:focus {
  outline: none;
}
.search-filters--panel .search-filters__slider-input:focus-visible {
  outline: none;
}
.search-filters--panel .search-filters__slider-field-unit {
  display: block;
  grid-column: 3;
  grid-row: 2;
  justify-self: end;
  align-self: end;
  margin: 0;
  padding-block-end: 0.05rem;
  font-family: var(--sf-price-font) !important;
  font-size: 0.9375rem;
  font-weight: 500;
  color: var(--pixel-black);
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.02em;
}
.search-filters--panel .search-filters__availability-body {
  padding-block-end: 1rem;
}
.search-filters--panel .search-filters__extras-body {
  padding-block-end: 0.25rem;
}
.search-filters--panel .search-filters__facet--extras-static {
  padding-block-start: 0.75rem;
  margin-block-start: 0.75rem;
  border-block-start: 1px solid var(--sf-panel-border);
}
.search-filters--panel .search-filters__availability-body {
  padding-block-end: 0.25rem;
}
.search-filters--panel .search-filters__extras-list,
.search-filters--panel .search-filters__availability-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.search-filters--panel .search-filters__extras-list-item--all {
  margin-block-end: 0.75rem;
  display: none;
}
.search-filters--panel .search-filters__form-check {
  position: relative;
}
.search-filters--panel .search-filters__form-check .form-check-input {
  width: 100%;
  height: 1.25rem;
  margin-block-start: 0.1rem;
  border-radius: 0.2rem;
  border-color: #ccc;
  position: absolute;
  left: 0;
  margin-left: 0px;
  top: 0;
  opacity: 0.1;
}
.search-filters--panel .search-filters__form-check .form-check-input:checked {
  background-color: var(--sf-text);
  border-color: var(--sf-text);
}
.search-filters--panel .search-filters__facet--extras .facet-label:not(.active) .search-filters__link,
.search-filters--panel .search-filters__facet--extras-accordion .facet-label:not(.active) .search-filters__link,
.search-filters--panel .search-filters__facet--availability .facet-label:not(.active) .search-filters__link,
.search-filters--panel .search-filters__facet--accordion .facet-label:not(.active) .search-filters__link {
  color: var(--sf-muted);
}
.search-filters--panel .search-filters__form-label,
.search-filters--panel .search-filters__link {
  font-size: 0.9375rem;
  font-weight: 500;
}
.search-filters--panel .search-filters__facet--extras .facet-label.active .search-filters__link,
.search-filters--panel .search-filters__facet--availability .facet-label.active .search-filters__link,
.search-filters--panel .search-filters__facet--accordion .facet-label.active .search-filters__link {
  color: var(--sf-text);
  font-weight: 400;
}
.search-filters--panel .noUi-handle {
  border: 2px solid var(--pixel-black);
}
.search-filters--panel .noUi-target {
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  background: #e8e8e8 !important;
}
.search-filters--panel .noUi-horizontal {
  height: 3px !important;
}
.search-filters--panel .noUi-connects {
  border-radius: 999px !important;
  background: var(--pixel-gray-light) !important;
}
.search-filters--panel .noUi-connect {
  background: #1a1a1a !important;
}
.search-filters--panel .noUi-horizontal .noUi-handle {
  top: 50% !important;
  width: 14px !important;
  height: 14px !important;
  right: -7px !important;
  transform: translateY(-40%) !important;
  border-radius: 50% !important;
  border: 2px solid #1a1a1a !important;
  background: #fff !important;
  box-shadow: none !important;
  cursor: grab;
}
.search-filters--panel .noUi-horizontal .noUi-handle::before, .search-filters--panel .noUi-horizontal .noUi-handle::after {
  display: none !important;
}
.search-filters--panel .noUi-horizontal .noUi-handle:hover, .search-filters--panel .noUi-horizontal .noUi-handle:focus {
  border-color: #1a1a1a !important;
  background: #fff !important;
  box-shadow: none !important;
}
.search-filters--panel .noUi-handle.noUi-active,
.search-filters--panel .noUi-handle:active {
  border-color: #1a1a1a !important;
  background: #fff !important;
  box-shadow: none !important;
}
.search-filters--panel .noUi-tooltip {
  display: none !important;
}
.search-filters--panel .search-filters__magnitude {
  display: none;
}

#search-filters.search-filters--panel .search-filters__slider .noUi-target,
#offcanvas-faceted #search-filters.search-filters--panel .search-filters__slider .noUi-target {
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  background: #e8e8e8 !important;
}
#search-filters.search-filters--panel .search-filters__slider .noUi-horizontal,
#offcanvas-faceted #search-filters.search-filters--panel .search-filters__slider .noUi-horizontal {
  height: 6px !important;
}
#search-filters.search-filters--panel .search-filters__slider .noUi-connects,
#offcanvas-faceted #search-filters.search-filters--panel .search-filters__slider .noUi-connects {
  border-radius: 999px !important;
  background: var(--pixel-gray-light) !important;
}
#search-filters.search-filters--panel .search-filters__slider .noUi-connect,
#offcanvas-faceted #search-filters.search-filters--panel .search-filters__slider .noUi-connect {
  background: #1a1a1a !important;
}
#search-filters.search-filters--panel .search-filters__slider .noUi-horizontal .noUi-handle,
#offcanvas-faceted #search-filters.search-filters--panel .search-filters__slider .noUi-horizontal .noUi-handle {
  top: 50% !important;
  width: 14px !important;
  height: 14px !important;
  right: -7px !important;
  transform: translateY(-50%) !important;
  border-radius: 50% !important;
  border: 2px solid #1a1a1a !important;
  background: #fff !important;
  box-shadow: none !important;
  cursor: grab;
}
#search-filters.search-filters--panel .search-filters__slider .noUi-horizontal .noUi-handle::before, #search-filters.search-filters--panel .search-filters__slider .noUi-horizontal .noUi-handle::after,
#offcanvas-faceted #search-filters.search-filters--panel .search-filters__slider .noUi-horizontal .noUi-handle::before,
#offcanvas-faceted #search-filters.search-filters--panel .search-filters__slider .noUi-horizontal .noUi-handle::after {
  display: none !important;
}
#search-filters.search-filters--panel .search-filters__slider .noUi-horizontal .noUi-handle:hover, #search-filters.search-filters--panel .search-filters__slider .noUi-horizontal .noUi-handle:focus,
#offcanvas-faceted #search-filters.search-filters--panel .search-filters__slider .noUi-horizontal .noUi-handle:hover,
#offcanvas-faceted #search-filters.search-filters--panel .search-filters__slider .noUi-horizontal .noUi-handle:focus {
  border-color: #1a1a1a !important;
  background: #fff !important;
  box-shadow: none !important;
}
#search-filters.search-filters--panel .search-filters__slider .noUi-handle.noUi-active,
#search-filters.search-filters--panel .search-filters__slider .noUi-handle:active,
#offcanvas-faceted #search-filters.search-filters--panel .search-filters__slider .noUi-handle.noUi-active,
#offcanvas-faceted #search-filters.search-filters--panel .search-filters__slider .noUi-handle:active {
  border-color: #1a1a1a !important;
  background: #fff !important;
  box-shadow: none !important;
}
#search-filters.search-filters--panel .search-filters__slider .noUi-tooltip,
#offcanvas-faceted #search-filters.search-filters--panel .search-filters__slider .noUi-tooltip {
  display: none !important;
}

@layer ps-components {
  .attachment {
    position: relative;
    padding: 1rem;
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: var(--bs-transition-default);
  }
  .attachment:hover {
    background-color: var(--bs-tertiary-bg);
  }
  .attachment__name {
    display: block;
    margin-block-end: 0.5rem;
    font-weight: 600;
    color: var(--bs-body-color);
  }
  .attachment__name:hover {
    color: var(--bs-link-hover-color);
  }
  .attachment__description {
    font-size: 0.875rem;
    color: var(--bs-tertiary-color);
  }
  .attachment__link {
    font-size: 0.875rem;
  }
  .product-variant__colors .color, .product-miniature__variants .color, .search-filters:not(.search-filters--panel) .search-filters__form-check--color .form-check-label .color {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    cursor: pointer;
    background-size: contain;
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius-sm);
    outline: 0.125rem solid transparent;
    outline-offset: -0.125rem;
    transition: var(--bs-transition-default);
  }
  .product-variant__colors .color-sm, .product-miniature__variants .color-sm, .search-filters:not(.search-filters--panel) .search-filters__form-check--color .form-check-label .color-sm {
    width: 1rem;
    height: 1rem;
  }
  .product-variant__colors .color.active, .product-miniature__variants .color.active, .search-filters:not(.search-filters--panel) .search-filters__form-check--color .form-check-label .color.active, .product-variant__colors .color:focus-visible, .product-miniature__variants .color:focus-visible, .search-filters:not(.search-filters--panel) .search-filters__form-check--color .form-check-label .color:focus-visible, .product-variant__colors .color:hover, .product-miniature__variants .color:hover, .search-filters:not(.search-filters--panel) .search-filters__form-check--color .form-check-label .color:hover {
    outline: 0.125rem solid var(--bs-link-hover-color);
  }
  .input-color__input {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
  }
  .input-color__input:focus-visible + .input-color__label .color {
    outline: 0.125rem solid var(--bs-link-hover-color);
  }
  .input-color__input:checked:focus-visible + .input-color__label {
    border-radius: var(--bs-border-radius-sm);
    outline: 0;
    box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
  }
  .product-customization {
    padding: 1.25rem 1.5rem 1.5rem;
    border: 1px solid var(--pixel-gray-light);
    border-radius: 0.65rem;
    background-color: var(--pixel-white, #fff);
  }
  .product-customization__title {
    margin: 0 0 1rem;
    padding-block-end: 0.875rem;
    border-block-end: 1px solid var(--pixel-gray-light);
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.25;
    color: var(--pixel-black, var(--bs-body-color));
  }
  .product-customization__label {
    margin-block-end: 0.5rem;
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--pixel-black, var(--bs-body-color));
  }
  .product-customization__item {
    padding-block-start: 1.125rem;
    margin-block-start: 1.125rem;
    margin-block-end: 0;
    border-block-start: 1px solid var(--pixel-gray-light);
  }
  .product-customization__item:first-of-type {
    padding-block-start: 0;
    margin-block-start: 0;
    border-block-start: none;
  }
  .product-customization__field .form-control.product-message,
  .product-customization__field textarea.form-control {
    min-height: 7.5rem;
    padding: 0.75rem 1rem;
    border-radius: 0.65rem;
    border: 1px solid #d0d0d0;
    font-size: 1rem;
    line-height: 1.4;
    resize: vertical;
  }
  .product-customization__field .form-control.product-message:focus,
  .product-customization__field textarea.form-control:focus {
    border-color: var(--pixel-black, var(--bs-body-color));
    box-shadow: 0 0 0 0.15rem rgba(28, 28, 28, 0.12);
  }
  .product-customization__field .file-input {
    border-radius: 0.65rem;
    padding: 0.65rem 1rem;
  }
  .product-customization__message {
    margin-block-start: 0.5rem;
    font-size: 0.875rem;
    color: var(--pixel-gray, var(--bs-secondary-color));
  }
  .product-customization__image {
    width: 2rem;
    height: 2rem;
  }
  .product-customization__image-wrapper {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    margin-block-start: 0.5rem;
  }
  .product-customization__image-remove {
    font-size: 0.875rem;
  }
  .product-customization__field-footer {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    align-items: center;
    justify-content: space-between;
    margin-block-start: 0.5rem;
  }
  .product-customization__field-footer .form-text {
    color: var(--pixel-gray, var(--bs-secondary-color));
    font-size: 0.8125rem;
  }
  .product-customization__action {
    margin-block-start: 1.5rem;
    padding-block-start: 1.25rem;
    border-block-start: 1px solid var(--pixel-gray-light);
  }
  .product-customization__submit {
    min-height: 2.75rem;
    padding-inline: 1.75rem;
    border-radius: 999px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2;
    color: var(--pixel-white);
    background-color: var(--pixel-black);
    border: 1px solid var(--pixel-gray-light);
  }
  @media (hover: hover) {
    .product-customization__submit:hover {
      color: var(--pixel-black);
      background-color: var(--pixel-beige-light);
      border-color: var(--pixel-beige-light);
    }
  }
  .product-customization__submit:focus-visible {
    color: var(--pixel-white);
    background-color: var(--pixel-black);
    border-color: var(--pixel-black);
    box-shadow: 0 0 0 0.2rem rgba(28, 28, 28, 0.25);
  }
  .discounts-table {
    margin-block-end: 0;
  }
  .details__list {
    background-color: var(--bs-tertiary-bg);
  }
  .details__item {
    display: flex;
    align-items: center;
    padding: 1rem;
    border-bottom: 1px solid var(--bs-border-color);
  }
  .details__item:last-child {
    border-bottom: none;
  }
  .details__left {
    flex-grow: 0;
    flex-shrink: 0;
    width: 50%;
  }
  .details__title {
    font-weight: 700;
  }
  .product-flags {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: flex-end;
    width: 100%;
    padding: 0.25rem 0.25rem 0.25rem 0.25rem;
    margin: 0;
    justify-content: flex-end;
  }
  .product-flags .badge {
    text-transform: uppercase;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1;
    padding: 0.25rem 0.4rem;
    border-radius: 0.25rem;
  }
  .product-flags .badge.discount {
    color: white;
    background-color: var(--pixel-green);
  }
  .product-flags .badge.new {
    background-color: var(--pixel-beige-dark);
    color: var(--pixel-black);
  }
  .product-images-modal {
    /* <576px: Bootstrap modal-fullscreen-sm-down (tpl); larger image area without breaking carousel */
  }
  .product-images-modal__body {
    padding: 0.5rem;
  }
  .product-images-modal__carousel {
    overflow: hidden;
    border-radius: var(--bs-border-radius-sm);
    position: relative;
  }
  .product-images-modal__slide-viewport {
    position: relative;
    width: 100%;
    min-height: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    touch-action: none;
    cursor: grab;
    outline: none;
  }
  .product-images-modal__slide-viewport:active {
    cursor: grabbing;
  }
  .product-images-modal__slide-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    transform-origin: center center;
    transition: transform 0.05s ease-out;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
  }
  .product-images-modal__slide-inner .product-images-modal__slide-img {
    pointer-events: none;
    max-height: 75vh;
    width: auto;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .product-images-modal__zoom-toolbar {
    position: relative;
    z-index: 3;
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
  }
  .product-images-modal__zoom-btn {
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: var(--bs-box-shadow-sm);
  }
  @media (max-width: 575.98px) {
    .product-images-modal {
      /* header + zoom bar + padding */
    }
    .product-images-modal__slide-viewport {
      min-height: calc(100dvh - 10rem);
    }
    .product-images-modal__slide-inner .product-images-modal__slide-img {
      max-height: calc(100dvh - 10rem);
      max-width: 100%;
    }
  }
  .product-miniature {
    container-type: inline-size;
    container-name: product-miniature;
    border: 2px solid var(--pixel-gray-light);
    padding: 10px 10px 20px 10px;
    border-radius: 15px;
    min-height: 500px;
    transition: all 0.3s ease-in-out;
  }
  .product-miniature__inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: var(--bs-body-bg);
    border-radius: var(--bs-border-radius);
  }
  .product-miniature__top {
    position: relative;
    overflow: hidden;
    border-radius: var(--bs-border-radius);
  }
  .product-miniature__image {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    border-radius: 10px;
    transform: scale(1) rotate(0deg);
    transform-origin: center center;
    /* Krótki powrót po zjechaniu z hover (nadrzędna reguła na :hover ustawia wolne powiększanie). */
    transition: transform 0.35s ease-out;
  }
  .product-miniature__image-container {
    position: relative;
  }
  .product-miniature__image-link {
    display: block;
    outline-offset: -0.125rem;
  }
  .product-miniature__quickview {
    display: none !important;
  }
  .product-miniature__quickview-button {
    position: absolute;
    top: 100%;
    z-index: 1;
    display: flex;
    width: 100%;
    padding-block: 1rem;
    margin: auto;
    background-color: var(--bs-body-bg);
    border-radius: 0;
    outline: revert;
    outline-offset: -0.125rem;
    box-shadow: none;
  }
  .product-miniature__quickview-button:focus {
    transform: translateY(-100%);
  }
  .product-miniature__quickview-touch {
    position: absolute;
    right: 0.5rem;
    bottom: 0.5rem;
    z-index: 10;
    display: none;
  }
  .product-miniature__bottom {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 0.5rem;
    padding: 1rem 0.5rem 0;
  }
  .product-miniature__infos {
    display: grid;
    gap: 0.75rem;
  }
  .product-miniature__collection-row {
    min-height: 0;
  }
  .product-miniature__collection {
    font-size: 0.8125rem;
    line-height: 1.3;
    color: var(--pixel-gray-dark, #6d6d6d);
  }
  .product-miniature__collection--placeholder {
    display: none;
  }
  .product-miniature__price-row {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.5rem 0.75rem;
  }
  .product-miniature__price-secondary {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem 0.5rem;
    transform: translateY(-3px);
  }
  .product-miniature__discount-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.45rem;
    border-radius: 999px;
    background-color: var(--pixel-green, #46a740);
    color: #fff;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
  }
  .product-miniature__omnibus-row {
    display: none;
  }
  .product-miniature__omnibus {
    display: flex;
    align-items: flex-start;
    gap: 0.35rem;
    font-size: 0.75rem;
    line-height: 1.35;
    color: var(--pixel-gray-dark, #6d6d6d);
  }
  .product-miniature__omnibus-icon {
    flex-shrink: 0;
    font-size: 1rem;
    line-height: 1.2;
    opacity: 0.85;
  }
  .product-miniature__actions--list {
    display: none;
  }
  .product-miniature__wishlist-placeholder {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--pixel-black, #111);
  }
  .product-miniature__wishlist-placeholder .material-icons {
    font-size: 1.25rem;
  }
  .product-miniature__actions {
    margin-top: auto;
  }
  .product-miniature__variants {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  .product-miniature__prices {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
  }
  .product-miniature__price {
    font-weight: 700;
    font-size: 1.75rem;
  }
  .product-miniature__regular-price {
    color: var(--bs-tertiary-color);
    text-decoration: line-through;
  }
  .product-miniature__form {
    display: flex;
    row-gap: 0.5rem;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    align-items: center;
  }
  .product-miniature__add-text {
    display: none;
    line-height: initial;
  }
  .product-miniature .product-flags {
    pointer-events: none;
  }
  .product-miniature__title {
    color: var(--pixel-black);
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 0;
  }
  @media (hover: hover) {
    .product-miniature:hover {
      border-color: var(--pixel-beige-dark);
    }
  }
  @container product-miniature (width < 13.5rem) {
    .product-miniature .product-flags .badge {
      padding: 0.125rem 0.25rem;
      font-size: 0.75rem;
    }
    .product-miniature__add, .product-miniature__details {
      width: 100%;
    }
    .product-miniature__add-text {
      display: block;
    }
    .product-miniature__form {
      flex-direction: column;
    }
    .product-miniature__form .quantity-button input {
      max-width: unset;
    }
  }
  .product-miniature-loader {
    container-type: inline-size;
    container-name: product-miniature-loader;
    height: 400px;
    opacity: 0.7;
    animation: loader-fade-in 0.3s ease-in;
  }
  .product-miniature-loader__inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: var(--bs-body-bg);
    border-radius: var(--bs-border-radius);
  }
  .product-miniature-loader__top {
    position: relative;
    overflow: hidden;
    border-radius: var(--bs-border-radius);
    min-height: 175px;
    height: 175px;
    background-color: var(--bs-body-bg);
  }
  .product-miniature-loader__image-skeleton {
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, var(--pixel-gray-light) 0%, var(--pixel-gray-light) 40%, rgba(255, 255, 255, 0.9) 50%, var(--pixel-gray-light) 60%, var(--pixel-gray-light) 100%);
    background-size: 200% 100%;
    background-position: 100% 0;
    animation: skeleton-shimmer 1.8s ease-in-out infinite;
    border-radius: var(--bs-border-radius);
  }
  .product-miniature-loader__bottom {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    background-color: white;
    gap: 0.5rem;
    padding: 0.5rem 0.5rem 1rem;
  }
  .product-miniature-loader__infos {
    display: grid;
    gap: 0.5rem;
  }
  .product-miniature-loader__reference-skeleton {
    width: 40%;
    height: 12px;
    background: linear-gradient(90deg, var(--pixel-gray-light) 0%, var(--pixel-gray-light) 40%, rgba(255, 255, 255, 0.9) 50%, var(--pixel-gray-light) 60%, var(--pixel-gray-light) 100%);
    background-size: 200% 100%;
    background-position: 100% 0;
    animation: skeleton-shimmer 1.8s ease-in-out infinite;
    animation-delay: 0.1s;
    border-radius: 4px;
  }
  .product-miniature-loader__title-wrapper {
    position: relative;
    min-height: 42px;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
  }
  .product-miniature-loader__title-skeleton {
    width: 100%;
    height: 13px;
    background: linear-gradient(90deg, var(--pixel-gray-light) 0%, var(--pixel-gray-light) 40%, rgba(255, 255, 255, 0.9) 50%, var(--pixel-gray-light) 60%, var(--pixel-gray-light) 100%);
    background-size: 200% 100%;
    background-position: 100% 0;
    animation: skeleton-shimmer 1.8s ease-in-out infinite;
    animation-delay: 0.2s;
    border-radius: 4px;
  }
  .product-miniature-loader__title-skeleton--short {
    width: 75%;
    animation-delay: 0.25s;
  }
  .product-miniature-loader__prices {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin-top: 0.25rem;
  }
  .product-miniature-loader__price-skeleton {
    width: 60%;
    height: 18px;
    background: linear-gradient(90deg, var(--pixel-gray-light) 0%, rgba(255, 255, 255, 0.8) 50%, var(--pixel-gray) 100%);
    background-size: 200% 100%;
    animation: skeleton-shimmer 2.5s ease-in-out infinite;
    border-radius: 4px;
  }
  .product-miniature-loader__actions {
    display: grid;
    grid-template-rows: 1fr;
    margin-top: 0.5rem;
  }
  .product-miniature-loader__button-skeleton {
    width: 100%;
    height: 40px;
    background: linear-gradient(90deg, var(--pixel-gray-light) 0%, var(--pixel-gray-light) 40%, rgba(255, 255, 255, 0.9) 50%, var(--pixel-gray-light) 60%, var(--pixel-gray-light) 100%);
    background-size: 200% 100%;
    background-position: 100% 0;
    animation: skeleton-shimmer 1.8s ease-in-out infinite;
    animation-delay: 0.35s;
    border-radius: 25px;
  }
  .product-miniature-loader__shipping-skeleton {
    width: 100%;
    height: 36px;
    background: linear-gradient(90deg, var(--pixel-gray-light) 0%, var(--pixel-gray-light) 40%, rgba(255, 255, 255, 0.9) 50%, var(--pixel-gray-light) 60%, var(--pixel-gray-light) 100%);
    background-size: 200% 100%;
    background-position: 100% 0;
    animation: skeleton-shimmer 1.8s ease-in-out infinite;
    animation-delay: 0.4s;
    border-radius: 25px;
    margin-top: 0.5rem;
  }
  @keyframes skeleton-shimmer {
    0% {
      background-position: 200% 0;
    }
    100% {
      background-position: -200% 0;
    }
  }
  @keyframes loader-fade-in {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 0.7;
    }
  }
  .product-miniature-loader {
    filter: blur(0.5px);
    transition: filter 0.3s ease, opacity 0.3s ease;
  }
  .product-miniature-loader--loading {
    filter: blur(1px);
    opacity: 0.6;
  }
  .product-pack__list {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.5rem;
  }
  .product-pack__link {
    display: flex;
    gap: 1rem;
    align-items: center;
    padding: 0.5rem 2rem 0.5rem 0.5rem;
    border: 1px var(--bs-border-color) solid;
    border-radius: var(--bs-border-radius);
  }
  .product-pack__link:hover {
    background-color: var(--bs-tertiary-bg);
  }
  .product-pack__image {
    border-radius: var(--bs-border-radius-sm);
  }
  .product-pack__image-wrapper {
    flex-basis: 4rem;
    flex-shrink: 0;
  }
  .product-pack__name {
    flex-grow: 1;
    margin-block-end: 0;
    line-height: 1.2;
    color: var(--pixel-black);
  }
  .product-pack__price {
    margin-block-end: 0;
    font-weight: 600;
    color: var(--bs-body-color);
  }
  .product-pack__quantity {
    margin-block-end: 0;
    color: var(--bs-body-color);
  }
  .product-variant__label {
    margin-block-end: 0.5rem;
  }
  .product-variant__legend, .product-variant__selected {
    display: inline-block;
    width: auto;
    margin-block-end: 0;
    font-size: var(--bs-body-font-size);
    line-height: var(--bs-body-line-height);
  }
  .product-variant__radios {
    display: flex;
    flex-wrap: wrap;
    row-gap: 0.5rem;
    -moz-column-gap: 0.875rem;
         column-gap: 0.875rem;
    margin-bottom: 0;
  }
  .product-variant__radio {
    margin: 0;
  }
  .product-variant__radio label {
    cursor: pointer;
  }
  .product-variant__colors {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-block-end: 0;
  }
  .product-variant__colors label {
    display: block;
    line-height: 0;
  }
  .subcategory {
    margin-inline: calc(var(--bs-gutter-x) * -0.5);
  }
  .subcategory__link {
    display: inline-block;
    flex-shrink: 0;
    padding: 0.5rem 0.75rem;
    line-height: 1.25;
    color: var(--bs-body-color);
    word-break: break-word;
    white-space: nowrap;
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius-pill);
  }
  .subcategory__link:hover {
    color: var(--bs-link-hover-color);
    background-color: var(--bs-tertiary-bg);
  }
  .subcategory__link--with-image {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    padding: 0.5rem;
    font-size: 0.875rem;
    white-space: normal;
    border-radius: var(--bs-border-radius);
  }
  .subcategory__thumbnail {
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: var(--bs-border-radius);
  }
  .subcategory__list {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    padding-block: 0.25rem 0.75rem;
    padding-inline: 0.75rem;
    margin-block-end: 1rem;
    overflow-x: auto;
  }
  .subcategory__list--with-images {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: stretch;
    overflow-x: visible;
  }
  @media (min-width: 360px) {
    .subcategory__list--with-images {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (min-width: 576px) {
    .subcategory {
      margin-inline: 0;
    }
    .subcategory__link {
      flex-shrink: initial;
      white-space: normal;
    }
    .subcategory__thumbnail {
      width: 3rem;
      height: 3rem;
    }
    .subcategory__list {
      flex-wrap: wrap;
      gap: 0.5rem;
      padding-block: 0;
      padding-inline: 0;
      margin-block: 0 1.5rem;
      margin-inline: 0;
      overflow-x: visible;
    }
  }
  @media (min-width: 992px) {
    .subcategory__link--with-image {
      gap: 1rem;
      padding: 0.75rem;
      font-size: 1rem;
    }
    .subcategory__list--with-images {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (min-width: 1200px) {
    .subcategory__list--with-images {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .pagination {
    width: 100%;
    margin-block-end: 0;
  }
  .pagination__container {
    display: flex;
    flex-wrap: wrap;
    row-gap: 1rem;
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
    align-items: center;
    justify-content: center;
  }
  .pagination__number {
    flex: 1 1 100%;
    text-align: center;
    color: var(--bs-secondary-color);
    font-size: 0.875rem;
  }
  @media (min-width: 992px) {
    .pagination__number {
      flex: 0 1 auto;
      text-align: start;
    }
  }
  .pagination__nav {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    justify-content: center;
  }
  .pagination__pages {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.2rem 0.35rem;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .pagination__pages .page-item {
    margin: 0;
  }
  .pagination__pages .page-item.active .page-link {
    border-color: var(--pixel-gray-light) !important;
  }
  .pagination__pages .page-link {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.55rem;
    min-height: 2.55rem;
    height: 2.55rem;
    width: 2.55rem;
    max-width: 2.55rem;
    max-height: 2.55rem;
    padding: 0.25rem 0.5rem;
    font-size: 1.0625rem;
    font-weight: 700;
    line-height: 1;
    color: #a3a3a3;
    text-decoration: none;
    background: transparent;
    border: 2px solid transparent;
    border-radius: 999px;
    transition: none;
  }
  .pagination__pages .page-link:hover:not(:disabled):not([aria-disabled=true]) {
    color: var(--pixel-black, #111);
    background: transparent;
  }
  .pagination__pages .page-link:focus {
    outline: none;
  }
  .pagination__pages .page-link:focus-visible {
    outline: 2px solid var(--bs-focus-ring-color, #86b7fe);
    outline-offset: 2px;
  }
  .pagination__pages .page-link.disabled, .pagination__pages .page-link:disabled {
    color: rgba(163, 163, 163, 0.45);
    opacity: 1;
  }
  .pagination__pages .page-link:not(.previous):not(.next) {
    min-width: auto;
  }
  .pagination__pages .page-item.active .page-link {
    min-width: 2.25rem;
    min-height: 2.25rem;
    padding: 0;
    color: var(--pixel-black, #111);
    font-weight: 700;
    background: transparent;
    border-color: #d4d4d4;
  }
  .pagination__pages .page-link.previous,
  .pagination__pages .page-link.next {
    min-width: 2rem;
    padding-inline: 0.35rem;
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 1;
    color: #8a8a8a;
  }
  .pagination__pages .page-link.previous:hover:not(:disabled):not([aria-disabled=true]),
  .pagination__pages .page-link.next:hover:not(:disabled):not([aria-disabled=true]) {
    color: var(--pixel-black, #111);
  }
  .pagination__pages .page-link.previous.disabled, .pagination__pages .page-link.previous:disabled,
  .pagination__pages .page-link.next.disabled,
  .pagination__pages .page-link.next:disabled {
    color: rgba(138, 138, 138, 0.4);
  }
  .pagination__pages .pagination__arrow {
    display: inline-block;
    transform: translateY(-0.05em);
  }
  .pagination__pages .pagination__ellipsis .page-link {
    min-width: auto;
    padding-inline: 0.2rem;
    font-family: ui-serif, Georgia, "Times New Roman", serif;
    font-size: 1rem;
    letter-spacing: 0.02em;
    color: #a3a3a3;
    pointer-events: none;
  }
  @media (min-width: 992px) {
    .pagination {
      width: auto;
    }
  }
}
.page-category #center-column {
  padding-bottom: 0rem;
}
.page-category .category__description {
  margin-bottom: 1rem;
}
.page-category .category__cover {
  height: 100%;
}
.page-category .category__cover-image {
  border-radius: var(--bs-border-radius);
}
.page-category .category__additional-description {
  margin-bottom: 1.5rem;
}
.page-category .breadcrumb-category {
  margin-bottom: 1.5rem;
  background-color: var(--pixel-gray-light);
}
.page-category .breadcrumb-category__inner {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
}
@media (max-width: 767.98px) {
  .page-category .breadcrumb-category__inner {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media (max-width: 767.98px) {
  .page-category .breadcrumb-category__right {
    display: none;
  }
}
.page-category .breadcrumb-category__right img {
  width: 50vw;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0px;
  max-height: 160px;
  min-height: 160px;
}
.page-category .breadcrumb-category__left {
  padding-bottom: 1.5rem;
}
.page-category .breadcrumb-category__left h1 {
  margin-bottom: 0rem;
}
@media (max-width: 767.98px) {
  .page-category .breadcrumb-category__left {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .page-category .breadcrumb-category__left .breadcrumb__wrapper {
    margin-bottom: 0px;
  }
}
.page-category .content-bottom {
  padding-block: 2rem;
  margin: 1rem 0;
}
.page-category .content-bottom__description {
  -moz-column-count: 2;
       column-count: 2;
}
@media (max-width: 991.98px) {
  .page-category .content-bottom__description {
    -moz-column-count: 1;
         column-count: 1;
  }
}
.page-category .content-bottom__description p {
  color: var(--pixel-gray-dark);
  font-size: 1rem;
  line-height: 1.7;
}
.page-category .content-bottom__description p b,
.page-category .content-bottom__description p strong {
  font-size: 1.125rem;
  color: var(--pixel-black);
}

/*# sourceMappingURL=category.css.map*/