@keyframes shimmer {
  0% {
    translate: 0;
  }
  to {
    translate: 200%;
  }
}
product-card .price-placeholder,
product-card .attribute-placeholder {
  background: var(--color-neutral-300);
  border-radius: 2px;
  color: #0000 !important;
}
.product-card-skeleton {
  background: var(--color-neutral-300);
  flex-direction: column;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}
.product-card-skeleton:after {
  content: '';
  pointer-events: none;
  background: linear-gradient(
    to right,
    transparent,
    transparent,
    var(--color-neutral-50),
    transparent,
    transparent
  );
  width: 100%;
  height: 100%;
  animation: 1.4s infinite shimmer;
  position: absolute;
  top: 0;
  right: 100%;
}
.product-card-skeleton .image-skeleton {
  aspect-ratio: 3/4;
  opacity: 0;
  width: 100%;
  height: auto;
}
.product-card-skeleton .atc-skeleton {
  width: 100%;
  height: 48px;
  margin-top: 8px;
}
.product-card-skeleton .meta-skeleton {
  padding: 8px;
}
.product-card-skeleton > * {
  opacity: 0;
  pointer-events: none;
}
.collection-main-theme-section {
  grid-template-columns: minmax(0, 20fr) minmax(0, 80fr);
  column-gap: 42px;
  min-height: 80vh;
  display: grid;
}
.collection-main-theme-section .shopify-block--collection-filter-mobile {
  display: none;
}
.collection-main-theme-section .wishlist-collection-btn {
  border-radius: 50px;
  padding: 0;
  bottom: 5px !important;
  right: 5px !important;
  left: unset !important;
  top: unset !important;
}
.collection-main-theme-section [data-wishlist] .count.hulkapps-collection-count[data-layout] {
  display: none !important;
}
.collection-main-theme-section .wishlist-btn:hover {
  background: 0 0 !important;
}
.collection-main-theme-section .heart-hulk-animation.collection-icon,
.collection-main-theme-section .icon-wishlist-heart-empty {
  margin: 0 1px;
  border: none !important;
}
.collection-main-theme-section .wishlist-btn[data-custom-wishlist-icon] {
  z-index: 97 !important;
}
@media screen and (max-width: 1024px) {
  .collection-main-theme-section {
    grid-template-columns: minmax(0, 1fr);
    column-gap: 0;
  }
  .collection-main-theme-section .shopify-block--collection-categories {
    display: none;
  }
  .collection-main-theme-section .shopify-block--collection-filter-mobile {
    display: flex;
  }
  .collection-main-theme-section .shopify-block--collection-filter-desktop {
    display: none;
  }
}
collection-count.zero-results p {
  color: #ca2407;
  font-weight: 700;
}
.collection-zero-results {
  grid-column: 1/-1;
  padding: 16px 0;
}
.collection-zero-results .zero-results-title {
  font-size: 16px;
  font-weight: 700;
  font-family: var(--font-family-primary);
  color: var(--color-text-dark);
  margin-bottom: 8px;
  line-height: 24px;
}
.collection-zero-results .zero-results-tip {
  font-size: 16px;
  font-weight: 400;
  font-family: var(--font-family-primary);
  color: var(--color-text-dark);
  line-height: 24px;
}
#DY-recos-no-results {
  width: 100%;
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .collection-zero-results .zero-results-title {
    font-size: 18px;
  }
  .collection-zero-results .zero-results-tip {
    font-size: 14px;
  }
}
collection-page.loading collection-facets,
collection-page.loading collection-active-filters,
collection-page.loading collection-sort {
  pointer-events: none;
}
div:has(> collection-pagination.hidden) {
  display: none;
}
collection-pagination {
  gap: 2px;
}
collection-pagination p {
  color: var(--color-neutral-700, grey);
  font-size: 14px;
  font-weight: 700;
}
collection-pagination .collection-set-page {
  cursor: pointer;
  border-radius: 3px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 32px;
  height: 32px;
  padding-inline: 4px;
  display: flex;
}
collection-pagination .collection-set-page:hover p {
  color: var(--color-text-dark, black);
}
collection-pagination .collection-set-page:hover {
  background: var(--color-neutral-300, #efefef);
}
collection-pagination .pagination-bridge {
  text-align: center;
  border-radius: 3px;
  width: auto;
  min-width: 32px;
  height: 32px;
  padding-inline: 4px;
}
collection-pagination .collection-next-page,
collection-pagination .collection-prev-page {
  cursor: pointer;
  border: 1px solid var(--color-neutral-300);
  border-radius: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
  box-shadow: 0 0 16px #1919190f;
}
collection-pagination .collection-prev-page {
  margin-right: 18px;
}
collection-pagination .collection-next-page {
  margin-left: 18px;
}
collection-pagination .collection-set-page[data-selected='true'] {
  background: var(--color-text-dark, black);
}
collection-pagination .collection-set-page[data-selected='true'] p {
  color: #fff;
}
collection-categories {
  -ms-overflow-style: none;
  scrollbar-width: none;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  overflow: auto;
}
collection-categories::-webkit-scrollbar {
  display: none;
}
collection-categories > .tab .tab-body .category-item.active {
  position: relative;
}
collection-categories > .tab .tab-body .category-item.active:after {
  content: '';
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 13.5875L8.5525 18.14L20.735 6" stroke="%23191919" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  left: -32px;
  translate: 0 -50%;
}
collection-categories .category-item {
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  padding-block: 12px;
  display: flex;
}
collection-categories .category-item a,
collection-categories .category-item p,
collection-categories .category-item span {
  font-size: 14px;
}
collection-categories .category-item.active a,
collection-categories .category-item.active p,
collection-categories .category-item.active span {
  font-weight: 700;
}
collection-categories .tab {
  -webkit-appearance: none;
  appearance: none;
  flex-direction: column;
  display: flex;
}
collection-categories .tab::details-content {
  content-visibility: visible;
}
collection-categories .tab-header {
  cursor: pointer;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
:is(
  collection-categories .tab:has(.category-item.active) > .tab-header,
  collection-categories .tab:has(.category-item.active) > .tab-header *
) {
  font-weight: 700;
}
collection-categories .tab-body {
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s;
  display: grid;
}
collection-categories .tab-body-inner {
  opacity: 0;
  padding-left: 32px;
  transition: opacity 0.3s;
  overflow: hidden;
}
collection-categories .tab-icon {
  justify-content: flex-end;
  width: 24px;
  min-width: 24px;
  height: 24px;
  display: flex;
}
collection-categories .tab-icon:after {
  content: '';
  background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.5 8.49997L12 17L3.5 8.49997" stroke="%23191919" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/></svg>')
    50% / cover no-repeat;
  width: 100%;
  height: 100%;
  transition: rotate 0.3s;
  display: inline-flex;
}
collection-categories .tab :has(.tab-body:focus-within) > .tab-header .tab-icon:after {
  rotate: -180deg;
}
collection-categories .tab :has(.tab-body:focus-within) > .tab-body {
  grid-template-rows: 1fr;
}
collection-categories .tab :has(.tab-body:focus-within) > .tab-body > .tab-body-inner {
  opacity: 1;
  transition: opacity 0.4s 0.2s;
}
collection-categories .tab[open] > .tab-header .tab-icon:after {
  rotate: -180deg;
}
collection-categories .tab[open] > .tab-body {
  grid-template-rows: 1fr;
}
collection-categories .tab[open] > .tab-body > .tab-body-inner {
  opacity: 1;
  transition: opacity 0.4s 0.2s;
}
.shopify-block--collection-filter-desktop .count-and-sort-component {
  border-bottom: 1px solid var(--color-neutral-500);
  padding-top: 32px;
}
collection-page:not([debug]) product-card[placeholder-card] {
  display: none !important;
}
collection-page:not([debug]) product-card:has(quick-add-to-cart[disabled]) {
  display: none !important;
}
collection-page filter-facet-option,
collection-page .saved-filter-option-title {
  cursor: pointer;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 12px 16px;
  display: flex;
}
:is(collection-page filter-facet-option, collection-page .saved-filter-option-title):hover {
  background-color: var(--color-neutral-50);
}
:is(collection-page filter-facet-option, collection-page .saved-filter-option-title):hover p {
  font-weight: 700 !important;
}
:is(collection-page filter-facet-option, collection-page .saved-filter-option-title) p {
  font-size: 14px;
}
:is(collection-page filter-facet-option, collection-page .saved-filter-option-title) .swatch {
  background-color: var(--swatch-color, transparent);
  border: 1px solid #0000;
  border-radius: 12px;
  width: 24px;
  min-width: 24px;
  height: 24px;
}
:is(collection-page filter-facet-option, collection-page .saved-filter-option-title)
  .swatch-border {
  border: 1px solid var(--color-neutral-500, grey);
}
:is(collection-page filter-facet-option, collection-page .saved-filter-option-title):before {
  content: '';
  border: 1px solid var(--color-text-dark, black);
  background: #fff;
  border-radius: 2px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  margin: 4px;
}
:is(collection-page filter-facet-option, collection-page .saved-filter-option-title)[selected] p {
  font-weight: 700;
}
:is(
    collection-page filter-facet-option,
    collection-page .saved-filter-option-title
  )[selected]:before {
  background-color: var(--color-text-dark, black);
  background-image: url('data:image/svg+xml,<svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.08576 1.5H14.5143C15.1205 1.5 15.7019 1.74082 16.1306 2.16947C16.5592 2.59812 16.8 3.17951 16.8 3.78571V15.2143C16.8 15.8205 16.5592 16.4019 16.1306 16.8305C15.7019 17.2592 15.1205 17.5 14.5143 17.5H3.08576C2.47955 17.5 1.89817 17.2592 1.46952 16.8305C1.04086 16.4019 0.800049 15.8205 0.800049 15.2143V3.78571C0.800049 3.17951 1.04086 2.59812 1.46952 2.16947C1.89817 1.74082 2.47955 1.5 3.08576 1.5Z" fill="%23191919" stroke="%23191919" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/><path d="M5.37146 9.50007L7.65717 11.7858L12.2286 7.21436" stroke="white" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-position: 50%;
  background-repeat: no-repeat;
}
collection-page .saved-filter-option .saved-filter-option-title:before {
  content: '';
  border: 1px solid var(--color-text-dark, black);
  background: #fff;
  border-radius: 50%;
  width: 17px;
  min-width: 17px;
  height: 17px;
  margin: 3px;
}
collection-page .saved-filter-option:hover .saved-filter-option-title {
  background-color: #fff;
}
collection-page .saved-filter-option:hover .saved-filter-option-title p {
  font-weight: 400;
}
collection-page .saved-filter-option[selected] .saved-filter-option-title p {
  font-weight: 700;
}
collection-page .saved-filter-option[selected] .saved-filter-option-title:before {
  background-image: unset;
  background: radial-gradient(#000 0% 45%, #fff 50% 100%);
}
collection-page .saved-filter-option .saved-filter-option-delete {
  cursor: pointer;
  background-color: #fff;
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.7256 9.00322V17.6482M6.16125 5.76135H16.9675V18.7288C16.9675 19.302 16.7398 19.8518 16.3345 20.2571C15.9292 20.6624 15.3794 20.8901 14.8062 20.8901H8.3225C7.7493 20.8901 7.19958 20.6624 6.79427 20.2571C6.38895 19.8518 6.16125 19.302 6.16125 18.7288V5.76135ZM11.5644 3.6001C12.1096 3.59993 12.6348 3.80586 13.0346 4.17661C13.4344 4.54736 13.6793 5.05553 13.7202 5.59925L13.7256 5.76135H9.40312C9.40312 5.18815 9.63083 4.63843 10.0361 4.23311C10.4415 3.8278 10.9912 3.6001 11.5644 3.6001V3.6001ZM4 5.76135H19.1287H4ZM9.40312 9.00322V17.6482V9.00322Z" stroke="%23191919" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-position: 50%;
  background-repeat: no-repeat;
  width: 48px;
  min-width: 48px;
  height: 48px;
  padding: 12px 16px;
}
collection-page .facet-option-group:first-child {
  padding-top: 16px;
}
collection-page .facet-option-group .facet-option-group-title {
  padding-inline: 16px;
}
collection-page .facet-option-group .facet-option-group-title p {
  font-size: 12px;
}
collection-page .facet-option-group .facet-option-group-body {
  gap: 8px;
}
collection-page .facet-option-group filter-facet-option {
  border: 1px solid var(--color-text-dark, black);
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 0;
  display: flex;
}
collection-page .facet-option-group filter-facet-option:before {
  content: unset;
}
collection-page .facet-option-group filter-facet-option[selected] {
  background-color: var(--color-text-dark, black);
  color: #fff;
}
collection-facets .saved-filter-option:hover,
collection-facets .saved-filter-option:hover .saved-filter-option-delete,
collection-facets .saved-filter-option:hover .saved-filter-option-title {
  background-color: var(--color-neutral-50);
}
collection-facets filter-facet-list,
collection-facets filter-facet-range,
collection-facets filter-facet-saved {
  border: 1px solid var(--color-text-dark, black);
  background-color: #fff;
  border-radius: 4px;
  margin: 1px;
  position: relative;
}
:is(
  collection-facets filter-facet-list,
  collection-facets filter-facet-range,
  collection-facets filter-facet-saved
):hover {
  background-color: var(--color-neutral-50, lightgrey);
}
:is(
  collection-facets filter-facet-list,
  collection-facets filter-facet-range,
  collection-facets filter-facet-saved
):is(filter-facet-saved) {
  border: 1px solid var(--color-brand-700, #2746aa);
  border-color: var(--color-brand-700, #2746aa) !important;
}
:is(
    collection-facets filter-facet-list,
    collection-facets filter-facet-range,
    collection-facets filter-facet-saved
  ):is(filter-facet-saved)
  .facet-title:after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M20.5 8.49997L12 17L3.5 8.49997" stroke="%232746AA" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
:is(
    collection-facets filter-facet-list,
    collection-facets filter-facet-range,
    collection-facets filter-facet-saved
  ):is(filter-facet-saved)
  .facet-title
  p {
  color: var(--color-brand-700, #2746aa);
}
:is(
    collection-facets filter-facet-list,
    collection-facets filter-facet-range,
    collection-facets filter-facet-saved
  ):is(filter-facet-saved):hover {
  background-color: var(--color-brand-50, #eaf0ff);
}
:is(
  collection-facets filter-facet-list,
  collection-facets filter-facet-range,
  collection-facets filter-facet-saved
):empty {
  display: none;
}
:is(
    collection-facets filter-facet-list,
    collection-facets filter-facet-range,
    collection-facets filter-facet-saved
  )
  .facet-title {
  cursor: pointer;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  display: flex;
}
:is(
    collection-facets filter-facet-list,
    collection-facets filter-facet-range,
    collection-facets filter-facet-saved
  )
  .facet-title
  p {
  font-size: 14px;
  line-height: normal;
}
:is(
    collection-facets filter-facet-list,
    collection-facets filter-facet-range,
    collection-facets filter-facet-saved
  )
  .facet-title:after {
  content: '';
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.5 8.49997L12 17L3.5 8.49997" stroke="%23191919" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-position: 50%;
  background-repeat: no-repeat;
  width: 24px;
  min-width: 24px;
  height: 24px;
  transition: rotate 0.3s;
}
:is(
    collection-facets filter-facet-list,
    collection-facets filter-facet-range,
    collection-facets filter-facet-saved
  )
  .filter-facet-options-wrapper {
  z-index: 1;
  border: 1px solid var(--color-text-dark, black);
  opacity: 0;
  pointer-events: none;
  border-radius: 4px;
  width: 300px;
  max-width: 50vw;
  height: auto;
  transition: opacity 0.3s;
  position: absolute;
  top: calc(100% + 11px);
  left: -1px;
  overflow: hidden;
}
:is(
    collection-facets filter-facet-list,
    collection-facets filter-facet-range,
    collection-facets filter-facet-saved
  )
  .filter-facet-options-wrapper:has(filter-option-search) {
  padding-top: 72px;
}
:is(
    collection-facets filter-facet-list,
    collection-facets filter-facet-range,
    collection-facets filter-facet-saved
  )
  .filter-facet-options-wrapper:has(size-selector-toggle) {
  padding-top: 64px;
}
:is(
    collection-facets filter-facet-list,
    collection-facets filter-facet-range,
    collection-facets filter-facet-saved
  ).dropdown-align-right
  .filter-facet-options-wrapper {
  left: unset;
  right: -1px;
}
:is(
    collection-facets filter-facet-list,
    collection-facets filter-facet-range,
    collection-facets filter-facet-saved
  )
  .filter-facet-options {
  -ms-overflow-style: none;
  scrollbar-width: none;
  background-color: #fff;
  flex-direction: column;
  width: 100%;
  height: auto;
  max-height: 500px;
  display: flex;
  overflow: auto;
}
:is(
    collection-facets filter-facet-list,
    collection-facets filter-facet-range,
    collection-facets filter-facet-saved
  )
  .filter-facet-options::-webkit-scrollbar {
  display: none;
}
:is(
  collection-facets filter-facet-list,
  collection-facets filter-facet-range,
  collection-facets filter-facet-saved
)[open] {
  border: 2px solid var(--color-text-dark, black);
  margin: 0;
}
:is(
    collection-facets filter-facet-list,
    collection-facets filter-facet-range,
    collection-facets filter-facet-saved
  )[open]
  .facet-title:after {
  rotate: -180deg;
}
:is(
    collection-facets filter-facet-list,
    collection-facets filter-facet-range,
    collection-facets filter-facet-saved
  )[open]
  .filter-facet-options-wrapper {
  z-index: 98;
  opacity: 1;
  pointer-events: all;
}
:is(
    collection-facets filter-facet-list,
    collection-facets filter-facet-range,
    collection-facets filter-facet-saved
  ):not([open]):focus,
:is(
    collection-facets filter-facet-list,
    collection-facets filter-facet-range,
    collection-facets filter-facet-saved
  ):not([open]):focus-within {
  border: 2px solid var(--color-text-dark, black);
  margin: 0;
}
filter-facet-range {
  flex-direction: column;
  display: flex;
}
filter-facet-range .filter-facet-options {
  padding: 20px;
}
filter-facet-range .price-slider {
  align-items: center;
  width: 100%;
  height: 30px;
  display: flex;
  position: relative;
}
filter-facet-range .slider-track {
  background: linear-gradient(
    90deg,
    transparent 0%,
    transparent 10px,
    var(--color-neutral-500, #ddd) 11px,
    var(--color-neutral-500, #ddd) calc(100% - 11px),
    transparent calc(100% - 10px)
  );
  width: 100%;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
filter-facet-range .slider-range {
  background: var(--color-text-dark, #191919);
  pointer-events: none;
  height: 2px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
filter-facet-range .slider-thumb {
  background-color: var(--color-text-dark, #191919);
  cursor: pointer;
  z-index: 2;
  touch-action: none;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
filter-facet-range .slider-thumb:hover {
  transform: translate(-50%, -50%) scale(1.1);
}
filter-facet-range .slider-thumb:active {
  transform: translate(-50%, -50%) scale(1.15);
}
filter-facet-range .slider-thumb:focus {
  outline: 2px solid var(--color-text-dark, #191919);
  outline-offset: 2px;
}
filter-facet-range .price-inputs {
  color: var(--color-text-dark);
  width: 100%;
  padding-top: 10px;
  font-size: 14px;
  display: flex;
  position: relative;
}
filter-facet-range[type='money'] .price-input-wrapper:after {
  content: '€';
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: #fff;
  pointer-events: none;
  align-items: center;
  height: 100%;
  display: inline-flex;
  position: absolute;
  top: 0;
  right: 15px;
}
filter-facet-range .price-input-wrapper {
  background-color: var(--color-text-dark);
  color: #fff;
  border-radius: 15px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: 50px;
  height: 30px;
  padding-inline: 25px;
  display: inline-flex;
  position: relative;
}
filter-facet-range input[type='number'] {
  color: #fff;
  text-align: center;
  -webkit-appearance: textfield;
  appearance: textfield;
  background-color: #0000;
  border: none;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  display: inline-flex;
}
:is(
  filter-facet-range input[type='number']:invalid,
  filter-facet-range input[type='number']:user-invalid
) {
  border: none !important;
  outline: none !important;
}
filter-facet-range input[type='number']:focus-visible {
  outline: none;
}
filter-facet-range input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
filter-facet-range input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
filter-facet-range .value-divider {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}
filter-count p {
  font-size: 14px;
}
collection-active-filters:not(:empty) {
  padding-top: 24px;
}
collection-active-filters active-filter,
collection-active-filters save-filter {
  cursor: pointer;
  border: 1px solid var(--color-text-dark, black);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: auto;
  height: 40px;
  padding-inline: 8px 4px;
  display: flex;
}
:is(collection-active-filters active-filter, collection-active-filters save-filter):hover {
  background-color: var(--color-neutral-50);
}
:is(collection-active-filters active-filter, collection-active-filters save-filter) p {
  color: var(--color-text-dark, black);
  white-space: nowrap;
  font-size: 14px;
}
:is(collection-active-filters active-filter, collection-active-filters save-filter):after {
  content: '';
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 8L8 16M16 16L8 8L16 16Z" stroke="%23191919" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-position: 50%;
  background-repeat: no-repeat;
  width: 24px;
  min-width: 24px;
  height: 24px;
  display: flex;
}
:is(collection-active-filters active-filter, collection-active-filters save-filter):is(
    save-filter
  ):hover {
  background-color: var(--color-brand-50);
}
:is(collection-active-filters active-filter, collection-active-filters save-filter):is(
  save-filter
) {
  border: 1px solid var(--color-brand-700, #2746aa);
}
:is(collection-active-filters active-filter, collection-active-filters save-filter):is(save-filter)
  p {
  color: var(--color-brand-700, #2746aa);
  white-space: initial;
}
:is(collection-active-filters active-filter, collection-active-filters save-filter):is(
    save-filter
  ):after {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.2857 5.78571H8.71429M6.42857 5.78571H3M21.2857 17.2143H8.71429M6.42857 17.2143H3M15.5714 11.5H3M21.2857 11.5H17.8571M7.57143 3.5C7.87453 3.5 8.16522 3.62041 8.37955 3.83474C8.59388 4.04906 8.71429 4.33975 8.71429 4.64286V6.92857C8.71429 7.23168 8.59388 7.52237 8.37955 7.73669C8.16522 7.95102 7.87453 8.07143 7.57143 8.07143C7.26832 8.07143 6.97763 7.95102 6.76331 7.73669C6.54898 7.52237 6.42857 7.23168 6.42857 6.92857V4.64286C6.42857 4.33975 6.54898 4.04906 6.76331 3.83474C6.97763 3.62041 7.26832 3.5 7.57143 3.5ZM7.57143 14.9286C7.87453 14.9286 8.16522 15.049 8.37955 15.2633C8.59388 15.4776 8.71429 15.7683 8.71429 16.0714V18.3571C8.71429 18.6602 8.59388 18.9509 8.37955 19.1653C8.16522 19.3796 7.87453 19.5 7.57143 19.5C7.26832 19.5 6.97763 19.3796 6.76331 19.1653C6.54898 18.9509 6.42857 18.6602 6.42857 18.3571V16.0714C6.42857 15.7683 6.54898 15.4776 6.76331 15.2633C6.97763 15.049 7.26832 14.9286 7.57143 14.9286ZM16.7143 9.21429C17.0174 9.21429 17.3081 9.33469 17.5224 9.54902C17.7367 9.76335 17.8571 10.054 17.8571 10.3571V12.6429C17.8571 12.946 17.7367 13.2367 17.5224 13.451C17.3081 13.6653 17.0174 13.7857 16.7143 13.7857C16.4112 13.7857 16.1205 13.6653 15.9062 13.451C15.6918 13.2367 15.5714 12.946 15.5714 12.6429V10.3571C15.5714 10.054 15.6918 9.76335 15.9062 9.54902C16.1205 9.33469 16.4112 9.21429 16.7143 9.21429Z" stroke="%232746AA" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
:is(
    collection-active-filters active-filter,
    collection-active-filters save-filter
  )[name='all']:hover {
  background-color: var(--color-error-50);
}
:is(collection-active-filters active-filter, collection-active-filters save-filter)[name='all'] {
  border: 1px solid var(--color-error-500, black);
}
:is(collection-active-filters active-filter, collection-active-filters save-filter)[name='all'] p {
  color: var(--color-error-500, black);
}
:is(
    collection-active-filters active-filter,
    collection-active-filters save-filter
  )[name='all']:after {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.7256 9.0031V17.6481M6.16125 5.76123H16.9675V18.7287C16.9675 19.3019 16.7398 19.8516 16.3345 20.257C15.9292 20.6623 15.3794 20.89 14.8062 20.89H8.3225C7.7493 20.89 7.19958 20.6623 6.79427 20.257C6.38895 19.8516 6.16125 19.3019 6.16125 18.7287V5.76123ZM11.5644 3.59998C12.1096 3.5998 12.6348 3.80573 13.0346 4.17649C13.4344 4.54724 13.6793 5.05541 13.7202 5.59913L13.7256 5.76123H9.40312C9.40312 5.18803 9.63083 4.6383 10.0361 4.23299C10.4415 3.82768 10.9912 3.59998 11.5644 3.59998V3.59998ZM4 5.76123H19.1287H4ZM9.40312 9.0031V17.6481V9.0031Z" stroke="%23CA2407" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
collection-active-filters save-filter {
  flex: none;
}
collection-active-filters .active-filter-visibility-toggle {
  cursor: pointer;
  align-items: center;
  gap: 8px;
  padding-inline: 8px;
  display: flex;
}
collection-active-filters .active-filter-visibility-toggle p {
  font-size: 14px;
  text-decoration: underline;
}
collection-active-filters .active-filter-visibility-toggle:before {
  content: '';
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.5 8.49997L12 17L3.5 8.49997" stroke="%23191919" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-position: 50%;
  background-repeat: no-repeat;
  width: 24px;
  min-width: 24px;
  height: 24px;
  transition: rotate 0.3s;
  display: flex;
}
collection-active-filters .active-filter-visibility-toggle.active:before {
  rotate: 180deg;
}
collection-sort {
  border: 1px solid var(--color-text-dark, black);
  background-color: #fff;
  border-radius: 4px;
  min-width: 250px;
  position: relative;
}
collection-sort:hover {
  background-color: var(--color-neutral-50, lightgrey);
}
collection-sort .sort-by-title {
  cursor: pointer;
  gap: 8px;
  padding: 12px 16px;
  display: flex;
}
collection-sort .sort-by-title p {
  font-size: 14px;
}
collection-sort .sort-by-title:after {
  content: '';
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.5 8.49997L12 17L3.5 8.49997" stroke="%23191919" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-position: 50%;
  background-repeat: no-repeat;
  width: 24px;
  min-width: 24px;
  height: 24px;
  margin-left: auto;
  transition: rotate 0.3s;
}
collection-sort .sort-by-options {
  -ms-overflow-style: none;
  scrollbar-width: none;
  z-index: 1;
  border: 1px solid var(--color-text-dark, black);
  opacity: 0;
  pointer-events: none;
  background-color: #fff;
  border-radius: 4px;
  flex-direction: column;
  width: auto;
  min-width: 100%;
  max-width: 50vw;
  height: auto;
  max-height: 500px;
  transition: opacity 0.3s;
  display: flex;
  position: absolute;
  top: calc(100% + 9px);
  right: -1px;
  overflow: auto;
}
collection-sort[open] {
  outline: 1px solid var(--color-text-dark, black);
  outline-offset: 0px;
}
collection-sort[open] .sort-by-title:after {
  rotate: -180deg;
}
collection-sort[open] .sort-by-options {
  z-index: 98;
  opacity: 1;
  pointer-events: all;
}
collection-sort:not([open]):focus,
collection-sort:not([open]):focus-within {
  outline: 1px solid var(--color-text-dark, black);
  outline-offset: 0px;
}
sort-option {
  cursor: pointer;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 12px 16px;
  display: flex;
}
sort-option:hover {
  background-color: var(--color-neutral-50);
}
sort-option:hover p {
  font-weight: 700;
}
sort-option p {
  font-size: 14px;
}
sort-option:before {
  content: '';
  border: 1px solid var(--color-text-dark, black);
  background: #fff;
  border-radius: 50%;
  width: 17px;
  min-width: 17px;
  height: 16px;
  margin: 3px;
}
sort-option[selected] p {
  font-weight: 700;
}
sort-option[selected]:before {
  background: radial-gradient(#000 0% 45%, #fff 50% 100%);
}
collection-count * {
  font-size: 14px;
}
collection-grid.grid {
  gap: 32px 24px;
}
size-selector-toggle {
  background-color: #fff;
  width: 100%;
  padding: 16px;
  position: absolute;
  top: 0;
}
size-selector-toggle .size-selector-button {
  width: 100%;
}
filter-option-search {
  background-color: #fff;
  width: 100%;
  padding: 12px 16px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}
filter-option-search:after {
  content: '';
  pointer-events: none;
  background-color: #0000;
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.0714 16.1429C13.4246 16.1429 16.1429 13.4246 16.1429 10.0714C16.1429 6.71827 13.4246 4 10.0714 4C6.71827 4 4 6.71827 4 10.0714C4 13.4246 6.71827 16.1429 10.0714 16.1429Z" stroke="%23191919" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/><path d="M21 21.0005L14.4829 14.4834" stroke="%23191919" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-position: 50%;
  background-repeat: no-repeat;
  width: 48px;
  height: 48px;
  position: absolute;
  top: 12px;
  right: 16px;
}
filter-option-search input[type='search'] {
  border: 1px solid var(--color-text-dark, black);
  border-radius: 4px;
  width: 100%;
  height: 48px;
  padding: 12px 16px;
  font-size: 14px;
}
filter-option-search input[type='search']::placeholder {
  color: var(--color-neutral-700, grey);
}
:is(
  filter-option-search input[type='search']:focus-visible,
  filter-option-search input[type='search']:focus-within,
  filter-option-search input[type='search']:focus
) {
  border: 1px solid var(--color-text-dark);
  outline: 1px solid var(--color-text-dark);
}
.filter-popup-wrapper {
  z-index: 1000;
  opacity: 0;
  pointer-events: none;
  cursor: default;
  background-color: #19191980;
  width: 100%;
  height: 100%;
  padding: 16px;
  transition: opacity 0.3s;
  position: fixed;
  top: 0;
  left: 0;
}
[open] > .filter-popup-wrapper,
.filter-popup-wrapper[open] {
  opacity: 1;
  pointer-events: all;
}
.filter-popup-wrapper .filter-popup-cross-icon {
  cursor: pointer;
  background-color: #fff;
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.43 5L5 18.43M18.43 18.43L5 5L18.43 18.43Z" stroke="%23191919" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-position: 50%;
  background-repeat: no-repeat;
  width: 24px;
  min-width: 24px;
  height: 24px;
  top: 0;
  right: 0;
}
.filter-popup-wrapper .filter-popup-favorite-icon {
  background-image: url('data:image/svg+xml,<svg  width="66" height="65" viewBox="0 0 66 65" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="%23191919" d="M12.32 54.476h-.75.75Zm41 0h.75v-2.49h-1.5v2.49h.75Zm0-2.49h.75c0-5.719-2.837-10.428-6.89-13.687-4.045-3.252-9.335-5.093-14.36-5.093v1.5c4.681 0 9.64 1.724 13.42 4.762 3.77 3.031 6.33 7.338 6.33 12.518h.75Zm-20.5-18.03v-.75c-5.024 0-10.315 1.841-14.36 5.093-4.053 3.26-6.89 7.968-6.89 13.687h1.5c0-5.18 2.56-9.486 6.33-12.518 3.78-3.038 8.74-4.762 13.42-4.762v-.75Zm-20.5 18.03h-.75v2.49h1.5v-2.49h-.75Zm0 2.49h-.75c0 1.072.364 2.118 1.038 2.906l.57-.488.57-.487c-.424-.495-.678-1.188-.678-1.931h-.75Zm.858 2.418-.57.488c.678.791 1.624 1.264 2.64 1.264v-1.5c-.536 0-1.08-.248-1.5-.74l-.57.488Zm2.07 1.002v.75h35.144v-1.5H15.249v.75Zm35.144 0v.75c1.016 0 1.963-.473 2.64-1.264l-.57-.488-.57-.487c-.42.49-.963.739-1.5.739v.75Zm2.07-1.002.57.488c.675-.788 1.038-1.834 1.038-2.906h-1.5c0 .742-.253 1.435-.677 1.93l.57.488Zm-10.425-36.02h-.75c0 4.559-3.613 8.227-8.036 8.227v1.5c5.282 0 9.536-4.37 9.536-9.727h-.75ZM33.25 29.85v-.75c-4.423 0-8.036-3.668-8.036-8.227h-1.5c0 5.357 4.254 9.727 9.536 9.727v-.75Zm-8.786-8.977h.75c0-4.56 3.613-8.228 8.036-8.228v-1.5c-5.282 0-9.536 4.37-9.536 9.727h.75Zm8.786-8.978v.75c4.423 0 8.036 3.668 8.036 8.227h1.5c0-5.357-4.254-9.727-9.536-9.727v.75Z"/><path fill="%23191919" fill-rule="evenodd" d="M55.995 7.645c.824.111 1.664.615 2.065 1.387.76 1.461.149 3.401-1.148 4.327a.435.435 0 0 1-.014.01l-4.584 2.927a.29.29 0 0 1-.42-.113l-2.507-4.827a3.332 3.332 0 0 1-.24-2.389 3.332 3.332 0 0 1 1.402-1.948c.695-.444 1.674-.456 2.448-.15.556.22 1.068.634 1.282 1.239.482-.423 1.122-.543 1.715-.463Z" clip-rule="evenodd"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  width: 65px;
  height: 65px;
}
.filter-popup-wrapper .filter-popup-title {
  font-size: 20px;
  font-weight: 700;
}
.filter-popup-wrapper .filter-popup-input {
  height: 48px;
  padding: 12px 16px;
}
.filter-popup-wrapper .filter-popup-input::placeholder {
  color: var(--color-neutral-700, grey);
}
:is(
  .filter-popup-wrapper .filter-popup-input:focus-visible,
  .filter-popup-wrapper .filter-popup-input:focus-within,
  .filter-popup-wrapper .filter-popup-input:focus
) {
  border: 1px solid var(--color-text-dark);
  outline: 1px solid var(--color-text-dark);
}
.filter-popup-wrapper :is(.filter-popup-cancel-button, .filter-popup-submit-button) {
  width: 100%;
}
.filter-popup-wrapper .filter-popup-text-button {
  min-height: 40px;
  max-height: 40px;
  font-weight: 400;
  text-decoration: underline;
}
.filter-popup-wrapper .filter-popup-content {
  background-color: #fff;
  border-radius: 4px;
  width: 400px;
  max-width: 100%;
  overflow: hidden;
}
size-selector {
  z-index: 1001;
  opacity: 0;
  pointer-events: none;
  background-color: #19191980;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100%;
  padding: 32px 16px;
  transition: opacity 0.3s;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}
size-selector[open] {
  opacity: 1;
  pointer-events: all;
}
size-selector .facet-option-group:first-child {
  padding-top: 0;
}
size-selector .facet-option-group-title {
  padding-inline: 0 !important;
}
size-selector .close-sizes {
  cursor: pointer;
  width: 24px;
  min-width: 24px;
  height: 24px;
}
size-selector .size-subgroup-button {
  cursor: pointer;
  border-bottom: 2px solid #0000;
  flex: 1;
  padding: 10px;
  font-weight: 400;
}
size-selector .size-subgroup-button p {
  white-space: nowrap;
  text-align: center;
  font-size: 14px;
  font-weight: inherit;
}
size-selector .save-selected-size-button {
  width: 100%;
}
size-selector .size-popup-header p {
  font-weight: 700;
}
size-selector .size-popup-footer {
  background-color: #fff;
  padding-top: 16px;
}
size-selector .size-subgroup-content {
  -ms-overflow-style: none;
  scrollbar-width: none;
  height: 100vh;
  max-height: 400px;
  overflow: auto;
}
size-selector .size-subgroup-content::-webkit-scrollbar {
  display: none;
}
size-selector label {
  cursor: pointer;
}
size-selector .size-popup {
  background-color: #fff;
  width: 100%;
  max-width: 400px;
  padding: 16px;
}
size-selector .size-gender-button {
  color: var(--color-neutral-700, grey);
  background-color: #0000;
  border-color: #0000;
  flex: 1;
  font-weight: 400;
}
size-selector .size-gender-button p {
  font-weight: inherit;
  color: inherit;
  text-transform: uppercase;
}
size-selector .size-gender-content,
size-selector .size-subgroup-content {
  display: none;
}
size-selector .filter-facet-option-size {
  border: 1px solid var(--color-text-dark, black);
  cursor: pointer;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 0;
  display: flex;
}
size-selector .filter-facet-option-size:hover {
  background-color: var(--color-neutral-50);
}
size-selector .filter-facet-option-size p {
  font-size: 14px;
}
size-selector .filter-facet-option-size:hover p {
  font-weight: 700;
}
size-selector input:checked + .filter-facet-option-size {
  background-color: var(--color-text-dark, black);
  color: #fff;
}
size-selector input:checked + .filter-facet-option-size p {
  font-weight: 700;
}
dynamic-breadcrumbs {
  width: 100%;
  display: flex;
}
dynamic-breadcrumbs .breadcrumbs-item.breadcrumbs-item-last {
  pointer-events: none;
}
search-remove {
  cursor: pointer;
  margin-left: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 100%;
  margin-block: auto;
  display: flex;
}
@media screen and (max-width: 1024px) {
  dynamic-breadcrumbs .breadcrumbs .breadcrumbs-item {
    display: none;
  }
  dynamic-breadcrumbs .breadcrumbs .breadcrumbs-item.breadcrumbs-item-previous {
    display: flex;
  }
  dynamic-breadcrumbs .breadcrumbs .breadcrumbs-item.breadcrumbs-item-previous:after {
    content: unset;
  }
  size-selector-toggle {
    padding: 0;
    position: static;
  }
  size-selector-toggle .size-selector-button {
    color: var(--color-text-dark);
    background-color: #fff;
  }
  collection-menu-toggle {
    background: var(--color-text-dark, #191919);
    color: #fff;
    border-radius: 4px;
    height: 48px;
  }
  collection-menu-toggle p {
    font-size: 14px;
    font-weight: 700;
  }
  collection-count {
    padding-top: 24px;
  }
  collection-active-filters {
    -ms-overflow-style: none;
    scrollbar-width: none;
    margin-inline: -20px;
    padding-inline: 20px;
    overflow: auto;
    flex-wrap: nowrap !important;
  }
  collection-active-filters::-webkit-scrollbar {
    display: none;
  }
  collection-menu,
  filter-facet-menu,
  collection-sort-menu,
  saved-filters-menu,
  category-menu {
    z-index: 1000;
    pointer-events: none;
    background-color: #fff;
    width: 100%;
    height: 100%;
    transition: translate 0.3s;
    position: fixed;
    top: 0;
    left: 0;
    translate: 100%;
  }
  :is(collection-menu, filter-facet-menu, collection-sort-menu, saved-filters-menu, category-menu)
    .menu-head {
    z-index: 5;
    background-color: #fff;
    width: 100%;
    height: 60px;
    min-height: 60px;
    position: relative;
    box-shadow: 0 8px 10px #19191908;
  }
  :is(collection-menu, filter-facet-menu, collection-sort-menu, saved-filters-menu, category-menu)
    .menu-head
    .menu-head-left,
  :is(collection-menu, filter-facet-menu, collection-sort-menu, saved-filters-menu, category-menu)
    .menu-head
    .menu-head-right {
    flex: 1;
    align-items: center;
    height: 100%;
  }
  :is(collection-menu, filter-facet-menu, collection-sort-menu, saved-filters-menu, category-menu)
    .menu-head
    .menu-close {
    background-color: #fff;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.43 5L5 18.43M18.43 18.43L5 5L18.43 18.43Z" stroke="%23191919" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-position: 50%;
    background-repeat: no-repeat;
    justify-content: center;
    width: 56px;
    min-width: 56px;
    height: 100%;
    padding: 16px;
  }
  :is(collection-menu, filter-facet-menu, collection-sort-menu, saved-filters-menu, category-menu)
    .menu-head
    .menu-head-center {
    align-items: center;
    width: auto;
    display: flex;
  }
  :is(collection-menu, filter-facet-menu, collection-sort-menu, saved-filters-menu, category-menu)
    .menu-head
    .menu-head-center
    p {
    font-size: 16px;
    font-weight: 700;
  }
  :is(collection-menu, filter-facet-menu, collection-sort-menu, saved-filters-menu, category-menu)
    .menu-body-wrapper {
    min-height: 0;
  }
  :is(collection-menu, filter-facet-menu, collection-sort-menu, saved-filters-menu, category-menu)
    .menu-body-wrapper:has(filter-option-search) {
    padding-top: 72px;
  }
  :is(collection-menu, filter-facet-menu, collection-sort-menu, saved-filters-menu, category-menu)
    .menu-body {
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding-block: 16px;
    overflow: auto;
  }
  :is(collection-menu, filter-facet-menu, collection-sort-menu, saved-filters-menu, category-menu)
    .menu-body::-webkit-scrollbar {
    display: none;
  }
  :is(collection-menu, filter-facet-menu, collection-sort-menu, saved-filters-menu, category-menu)
    .menu-body
    > :last-child {
    border-bottom: none !important;
  }
  :is(collection-menu, filter-facet-menu, collection-sort-menu, saved-filters-menu, category-menu)
    .menu-footer {
    z-index: 5;
    gap: 10px;
    padding: 16px;
    position: relative;
    box-shadow: 0 -8px 10px #19191908;
  }
  :is(collection-menu, filter-facet-menu, collection-sort-menu, saved-filters-menu, category-menu)
    .menu-footer
    save-filter {
    cursor: pointer;
    border: 1.5px solid var(--color-text-dark, black);
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 48px;
    padding: 12px 16px;
    display: flex;
  }
  :is(collection-menu, filter-facet-menu, collection-sort-menu, saved-filters-menu, category-menu)
    .menu-footer
    save-filter
    > p {
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
  }
  :is(
    collection-menu,
    filter-facet-menu,
    collection-sort-menu,
    saved-filters-menu,
    category-menu
  )[open] {
    pointer-events: all;
    translate: 0;
  }
  category-menu .category-submenu {
    padding-inline: 16px;
    display: none;
  }
  category-menu .category-submenu p {
    padding-block: 14px;
    font-size: 14px;
  }
  category-menu .category-submenu.active {
    display: flex;
  }
  category-menu .category-item-mobile {
    border-bottom: 1px solid var(--color-neutral-300);
    justify-content: space-between;
    align-items: stretch;
    display: flex;
  }
  category-menu .category-item-mobile p {
    padding-inline: 8px;
  }
  category-menu .category-item-mobile[group-id].active p {
    font-weight: 700;
  }
  category-menu .category-item-mobile .category-submenu-toggle {
    align-items: center;
    width: 40px;
    min-width: 40px;
    height: auto;
    padding-inline: 8px;
    display: flex;
  }
  category-menu .category-item-mobile .category-submenu-toggle:after {
    content: '';
    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.49997 4L16.5 12L8.49997 20" stroke="%23191919" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/></svg>')
      50% / cover no-repeat;
    width: 100%;
    height: 24px;
    display: flex;
  }
  category-menu .category-submenu-header {
    border-bottom: 1px solid var(--color-neutral-300);
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
  }
  category-menu .category-submenu-header p {
    padding-inline: 8px;
    font-weight: 700;
  }
  category-menu .category-submenu-header .category-submenu-toggle {
    align-items: center;
    width: 40px;
    min-width: 40px;
    height: auto;
    padding-inline: 8px;
    display: flex;
  }
  category-menu .category-submenu-header .category-submenu-toggle:after {
    content: '';
    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.5 20L7.50003 12L15.5 4" stroke="%23191919" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/></svg>')
      50% / cover no-repeat;
    width: 100%;
    height: 24px;
    display: flex;
  }
  filter-toggle {
    border-bottom: 1px solid var(--color-neutral-300, grey);
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    width: 100%;
    height: 56px;
    padding: 16px;
    display: flex;
  }
  filter-toggle.saved-filters p {
    color: var(--color-brand-700, blue);
  }
  filter-toggle.saved-filters .filter-arrow:after {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.49997 4L16.5 12L8.49997 20" stroke="%232746AA" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  }
  filter-toggle p {
    color: var(--color-text-dark, black);
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
  }
  filter-toggle .filter-title {
    white-space: nowrap;
    flex-wrap: nowrap;
    gap: 8px;
    width: 100%;
    display: flex;
    overflow: hidden;
  }
  filter-toggle .filter-title .filter-active-options {
    color: var(--color-neutral-700);
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 400;
    overflow: hidden;
  }
  filter-toggle .filter-title .filter-active-count {
    color: var(--color-neutral-700);
    white-space: nowrap;
    margin-left: auto;
    font-weight: 400;
  }
  filter-toggle .filter-arrow {
    flex-direction: column;
    width: 24px;
    min-width: 24px;
    height: 24px;
    display: flex;
  }
  filter-toggle .filter-arrow:after {
    content: '';
    background-color: #fff;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.49997 4L16.5 12L8.49997 20" stroke="%23191919" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-position: 50%;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
  }
  filter-facet-menu,
  collection-sort-menu,
  saved-filters-menu,
  category-menu {
    flex-direction: column;
    display: flex;
    position: absolute;
  }
  :is(filter-facet-menu, collection-sort-menu, saved-filters-menu, category-menu)
    .menu-head
    .menu-close {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.5 20L7.50003 12L15.5 4" stroke="%23191919" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  }
  :is(filter-facet-menu, collection-sort-menu, saved-filters-menu, category-menu)
    .menu-head
    .menu-reset {
    padding: 16px;
  }
  :is(filter-facet-menu, collection-sort-menu, saved-filters-menu, category-menu)
    .menu-head
    .menu-reset
    p {
    color: var(--color-text-dark, black);
    font-size: 12px;
    line-height: normal;
    text-decoration: underline;
  }
  :is(filter-facet-menu, collection-sort-menu, saved-filters-menu, category-menu):not(
      :has([selected])
    )
    .menu-head
    .menu-reset {
    display: none;
  }
  reset-filters {
    align-items: center;
    width: auto;
    height: 56px;
    padding: 16px;
    display: flex;
  }
  reset-filters p {
    color: var(--color-text-dark, black);
    font-size: 12px;
    line-height: normal;
    text-decoration: underline;
  }
  collection-menu * {
    -webkit-tap-highlight-color: transparent;
  }
  collection-menu {
    touch-action: manipulation;
  }
  collection-menu filter-facet-range {
    border-bottom: 1px solid var(--color-neutral-300, grey);
    flex-direction: column;
    width: 100%;
    display: flex;
  }
  collection-menu filter-facet-range .facet-title {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 56px;
    padding: 16px;
    display: flex;
  }
  collection-menu filter-facet-range .facet-title:after {
    content: unset;
  }
  collection-menu filter-facet-range .facet-title p {
    color: var(--color-text-dark, black);
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
  }
  collection-menu filter-facet-range .filter-facet-options-wrapper,
  collection-menu filter-facet-range .filter-facet-options {
    width: 100%;
    height: auto;
    max-height: unset;
    flex-direction: column;
    display: flex;
    overflow: visible;
  }
}
body.empty-collection .hide-if-collection-is-empty {
  display: none;
}