#category #left-column {
  display: none;
}

#category #content-wrapper {
  width: 100%;
}

.hh-listing-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem 2rem;
  margin-bottom: 1.5rem;
}

.hh-listing-head__body {
  flex: 1 1 20rem;
  min-width: 0;
}

.hh-listing-head__title {
  margin: 0 0 0.75rem;
  font-size: clamp(2rem, 1.4rem + 2.4vw, 3rem);
  font-weight: 350;
  line-height: 1.05;
  text-transform: none;
}

.hh-listing-head__text {
  max-width: var(--hh-measure);
  line-height: 1.65;
  color: var(--hh-muted);
}

.hh-listing-head__text p {
  margin: 0;
  font-size: 1rem;
}

.hh-listing-head__media img {
  display: block;
  max-width: 9rem;
  height: auto;
}

.hh-listing-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem 1rem;
  padding: 0.75rem 0;
  margin-bottom: 1.25rem;
  border-top: 1px solid var(--hh-line);
  border-bottom: 1px solid var(--hh-line);
}

.hh-listing-bar__count {
  margin: 0;
  font-size: 0.875rem;
  color: var(--hh-muted);
}

.hh-listing-bar__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.hh-filter-button {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 2.75rem;
  padding: 0.5rem 1rem;
  font-family: var(--hh-font-body);
  font-size: 0.9375rem;
  font-weight: 500;
  color: var(--hh-text);
  cursor: pointer;
  background: transparent;
  border: 1px solid var(--hh-line);
  transition: border-color 0.15s ease;
}

.hh-filter-button:hover {
  border-color: var(--hh-charcoal);
}

.hh-filter-button__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.375rem;
  height: 1.375rem;
  padding: 0 0.375rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--hh-cream);
  background: var(--hh-terracotta-ink);
  border-radius: 999px;
}

.hh-sort {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--hh-text);
}

.hh-sort__label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.hh-sort__button {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  min-width: 10.5rem;
  min-height: 2.75rem;
  padding: 0.5rem 0.75rem 0.5rem 1rem;
  font-family: var(--hh-font-body);
  font-size: 0.9375rem;
  font-weight: 500;
  color: var(--hh-text);
  cursor: pointer;
  background: transparent;
  border: 1px solid var(--hh-line);
  transition: border-color 0.15s ease;
}

.hh-sort__button:hover {
  border-color: var(--hh-charcoal);
}

.hh-sort .hh-sort__menu {
  right: 0;
  left: auto;
  width: auto;
  min-width: 100%;
  padding: 0.375rem 0;
  margin: 0.25rem 0 0;
  background: var(--hh-cream);
  border: 1px solid var(--hh-line);
  border-radius: 0;
  box-shadow: 0 0.5rem 1.5rem rgba(43, 38, 34, 0.12);
}

.hh-sort__option {
  display: block;
  padding: 0.625rem 1rem;
  font-size: 0.9375rem;
  color: var(--hh-text);
  white-space: nowrap;
}

.hh-sort__option:hover,
.hh-sort__option:focus {
  color: var(--hh-text);
  text-decoration: none;
  background: var(--hh-oat);
}

.hh-sort__option.is-current {
  font-weight: 600;
  color: var(--hh-terracotta-ink);
}

.hh-active {
  margin-bottom: 1.25rem;
}

.hh-active__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.hh-active__chip {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  min-height: 2.25rem;
  padding: 0.375rem 0.5rem 0.375rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--hh-cream);
  background: var(--hh-charcoal);
}

.hh-active__chip:hover,
.hh-active__chip:focus {
  color: var(--hh-cream);
  text-decoration: none;
  background: var(--hh-charcoal-soft);
}

.hh-active__chip .hh-icon {
  width: 1rem;
  height: 1rem;
}

#search_filters.hh-facets__list {
  padding: 0;
  margin: 0;
  background: transparent;
}

.hh-facets__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 2.75rem;
}

.hh-facets__heading {
  margin: 0;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--hh-muted);
}

.hh-facets__clear {
  min-height: 2.75rem;
  padding: 0;
  margin-left: auto;
  font-family: var(--hh-font-body);
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--hh-text);
  text-decoration: underline;
  text-decoration-color: var(--hh-terracotta);
  text-underline-offset: 0.3em;
  cursor: pointer;
  background: none;
  border: 0;
}

.hh-facets__clear:hover {
  color: var(--hh-terracotta-ink);
}

.hh-facet {
  padding: 1rem 0 1.25rem;
  border-top: 1px solid var(--hh-line);
}

.hh-facet__title {
  margin: 0 0 0.75rem;
  font-family: var(--hh-font-heading);
  font-size: 1.125rem;
  line-height: 1.25;
  color: var(--hh-text);
}

.hh-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.hh-chip {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  min-height: 2.75rem;
  padding: 0.5rem 0.875rem;
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.25;
  color: var(--hh-text);
  text-align: left;
  cursor: pointer;
  background: transparent;
  border: 1px solid var(--hh-line);
  transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
}

.hh-chip:hover {
  border-color: var(--hh-charcoal);
}

.hh-chip.is-active {
  color: var(--hh-cream);
  background: var(--hh-charcoal);
  border-color: var(--hh-charcoal);
}

.hh-chip__input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  margin: 0;
  cursor: pointer;
  opacity: 0;
}

.hh-chip__input:focus-visible ~ .hh-chip__link {
  outline: 2px solid var(--hh-focus);
  outline-offset: 2px;
}

@supports selector(:has(*)) {
  .hh-chip__input:focus-visible ~ .hh-chip__link {
    outline: 0;
  }

  .hh-chip:has(.hh-chip__input:focus-visible) {
    outline: 2px solid var(--hh-focus);
    outline-offset: 2px;
  }
}

.hh-chip__link,
.hh-chip__link:hover,
.hh-chip__link:focus {
  display: inline-flex;
  align-items: baseline;
  gap: 0.375rem;
  color: inherit;
  text-decoration: none;
}

.hh-chip__count {
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--hh-muted);
}

.hh-chip.is-active .hh-chip__count {
  color: var(--hh-oat);
}

.hh-chip__swatch {
  flex: 0 0 auto;
  width: 1rem;
  height: 1rem;
  object-fit: cover;
  border: 1px solid var(--hh-line);
  border-radius: 50%;
}

.hh-price {
  padding: 0 0.75rem 0.5rem;
}

.hh-price__label {
  margin: 0 -0.75rem 1rem;
  font-size: 0.9375rem;
  font-weight: 500;
}

#search_filters .hh-price .ui-slider {
  position: relative;
  height: 2px;
  margin: 1rem 0 0.75rem;
  background: var(--hh-line);
  border: 0;
  border-radius: 0;
}

#search_filters .hh-price .ui-slider .ui-slider-range {
  background: var(--hh-terracotta);
  border: 0;
}

#search_filters .hh-price .ui-slider .ui-slider-handle {
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  margin-top: -0.75rem;
  margin-left: -0.75rem;
  cursor: grab;
  background: var(--hh-cream);
  border: 2px solid var(--hh-terracotta);
  border-radius: 50%;
}

#search_filters .hh-price .ui-slider .ui-slider-handle::before {
  position: absolute;
  top: -0.625rem;
  right: -0.625rem;
  bottom: -0.625rem;
  left: -0.625rem;
  content: "";
}

#search_filters .hh-price .ui-slider .ui-slider-handle:hover,
#search_filters .hh-price .ui-slider .ui-slider-handle.ui-state-active {
  background: var(--hh-terracotta);
}

#search_filters .hh-price .ui-slider .ui-slider-handle:focus-visible {
  outline: 2px solid var(--hh-focus);
  outline-offset: 2px;
}

.hh-filters__panel {
  display: flex;
  flex-direction: column;
  max-height: 90vh;
  max-height: 90dvh;
  padding-bottom: 0;
}

.hh-filters__body {
  flex: 1 1 auto;
  min-height: 0;
  margin: 0.5rem calc(-1 * var(--hh-gutter)) 0;
  padding: 0 var(--hh-gutter) 1rem;
  overflow-y: auto;
}

.hh-filters .hh-facets__top {
  min-height: 0;
}

.hh-filters .hh-facets__heading {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.hh-filters__foot {
  padding: 0.75rem 0 1rem;
  border-top: 1px solid var(--hh-line);
}

.hh-filters__apply {
  width: 100%;
  min-height: 3rem;
  font-size: 0.9375rem;
  font-weight: 500;
  text-transform: none;
}

.hh-cat-nav {
  margin-bottom: 2rem;
}

.hh-cat-nav__title {
  margin: 0 0 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--hh-muted);
}

.hh-cat-nav__list,
.hh-cat-nav__sub {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hh-cat-nav__sub {
  padding-left: 1rem;
}

.hh-cat-nav__link {
  display: inline-flex;
  align-items: center;
  min-height: 2.5rem;
  font-weight: 500;
  color: var(--hh-text);
}

.hh-cat-nav__link:hover,
.hh-cat-nav__link:focus {
  color: var(--hh-terracotta-ink);
}

.hh-cat-nav__link[aria-current="page"] {
  color: var(--hh-terracotta-ink);
  text-decoration: underline;
  text-decoration-color: var(--hh-terracotta);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.35em;
}

#js-product-list .products {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2rem 0.75rem;
  margin: 0 0 2rem;
}

#js-product-list .products::before,
#js-product-list .products::after {
  content: none;
}

#js-product-list .products > .product {
  width: auto;
  max-width: none;
  padding: 0;
  float: none;
}

.products .product-miniature {
  display: block;
}

.products .product-miniature .thumbnail-container {
  height: auto;
  margin: 0;
  overflow: visible;
  background: transparent;
}

.products .product-miniature .thumbnail-top {
  position: relative;
  aspect-ratio: 1;
  overflow: hidden;
  background: var(--hh-oat);
}

.products .product-miniature .thumbnail-container .product-thumbnail {
  height: 100%;
}

.products .product-miniature .thumbnail-container .product-thumbnail img {
  width: 100%;
  max-width: none;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}

.products .product-miniature .product-description {
  position: static;
  padding: 0.75rem 0 0;
  text-align: left;
  background: transparent;
}

.products .product-miniature .product-title {
  margin: 0;
  text-align: left;
  text-transform: none;
}

.products .product-miniature .product-title a {
  font-family: var(--hh-font-heading);
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.25;
  color: var(--hh-text);
  text-align: left;
}

.products .product-miniature .product-title a:hover,
.products .product-miniature .product-title a:focus {
  color: var(--hh-terracotta-ink);
  text-decoration: none;
}

.products .product-miniature .product-price-and-shipping {
  margin-top: 0.25rem;
  font-weight: 500;
  color: var(--hh-text);
  text-align: left;
}

.products .product-miniature .regular-price {
  margin-right: 0.375rem;
  font-weight: 400;
  color: var(--hh-muted);
  text-decoration: line-through;
}

.products .product-miniature .product-flags {
  padding: 0.5rem;
}

.products .product-miniature .product-flags li.product-flag {
  margin-top: 0;
  margin-bottom: 0.25rem;
}

.products .product-miniature .highlighted-informations {
  background: var(--hh-cream);
}

.products .product-miniature .highlighted-informations .quick-view {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--hh-text);
}

.products .product-miniature .highlighted-informations .quick-view:hover,
.products .product-miniature .highlighted-informations .quick-view:focus {
  color: var(--hh-terracotta-ink);
}

.product-miniature .wishlist-button-add {
  background-color: var(--hh-cream);
  border: 1px solid var(--hh-line);
  box-shadow: none;
}

.product-miniature .wishlist-button-add i {
  color: var(--hh-terracotta-ink);
}

.product-miniature .wishlist-button-add:focus-visible {
  outline: 2px solid var(--hh-focus);
  outline-offset: 2px;
}

@media (hover: hover) {
  .products .product-miniature:hover .product-title a {
    color: var(--hh-terracotta-ink);
  }

  .products .product-miniature:hover .product-thumbnail img {
    transform: scale(1.03);
  }
}

@media (prefers-reduced-motion: reduce) {
  .products .product-miniature .thumbnail-container .product-thumbnail img {
    transition: none;
  }
}

#js-product-list .pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem 1rem;
  margin: 0 0 1.5rem;
  color: var(--hh-muted);
}

#js-product-list .pagination > div {
  width: auto;
  padding: 0;
  margin: 0;
}

#js-product-list .pagination .page-list {
  padding: 0;
  background: transparent;
}

#js-product-list .pagination a {
  display: inline-flex;
  align-items: center;
  min-width: 2.75rem;
  min-height: 2.75rem;
  justify-content: center;
  font-weight: 500;
  letter-spacing: 0;
  color: var(--hh-text);
}

#js-product-list .pagination .current a {
  font-size: inherit;
  color: var(--hh-terracotta-ink);
  text-decoration: underline;
  text-underline-offset: 0.35em;
}

#js-product-list .up .btn {
  min-height: 2.75rem;
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: none;
  color: var(--hh-text);
  background: transparent;
  border: 1px solid var(--hh-line);
}

h1#js-product-list-header,
#cms .page-header h1 {
  margin: 0 0 1.5rem;
  font-size: clamp(2rem, 1.4rem + 2.4vw, 3rem);
  font-weight: 350;
  line-height: 1.05;
  text-transform: none;
}

#cms .page-content.page-cms {
  max-width: 46rem;
  padding: 0;
  font-size: 1rem;
  line-height: 1.7;
  text-align: left;
  background: transparent;
}

#cms .page-content.page-cms p,
#cms .page-content.page-cms ul,
#cms .page-content.page-cms ol {
  font-size: 1rem;
  line-height: 1.7;
}

#cms .page-content.page-cms ul {
  padding-left: 1.25rem;
  list-style: disc outside;
}

#cms .page-content.page-cms li::marker {
  color: var(--hh-terracotta);
}

#cms .page-content.page-cms h2,
#cms .page-content.page-cms h3,
#cms .page-content.page-cms h4 {
  margin: 2rem 0 0.5rem;
  font-weight: 400;
  line-height: 1.2;
  text-transform: none;
}

#cms .page-content.page-cms h2 {
  font-size: 1.625rem;
}

#cms .page-content.page-cms h3,
#cms .page-content.page-cms h4 {
  font-size: 1.25rem;
}

#cms .page-content.page-cms > :first-child {
  margin-top: 0;
}

#cms .page-content.page-cms img {
  max-width: 100%;
  height: auto;
}

#contact #content.page-content,
#contact .contact-rich {
  padding: 0;
  background: transparent;
  box-shadow: none;
  border: 0;
}

#contact .contact-form {
  padding: 0;
  color: var(--hh-text);
  background: transparent;
}

#contact .group-span-filestyle .btn-default {
  text-transform: none;
}

#contact .contact-form h3,
#contact .contact-rich h4 {
  font-family: var(--hh-font-heading);
  font-weight: 400;
  text-transform: none;
}

#contact .contact-rich,
#contact .contact-rich .block .data {
  color: var(--hh-text);
}

@media (min-width: 576px) {
  .hh-sort__label {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    font-size: 0.875rem;
    color: var(--hh-muted);
  }
}

@media (min-width: 768px) {
  .hh-dialog.hh-filters {
    width: calc(100% - 2 * var(--hh-gutter));
    max-width: 36rem;
    margin: auto auto 0;
  }

  #js-product-list .products {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2.5rem 1.25rem;
  }
}

@media (min-width: 992px) {
  #category #left-column {
    display: block;
    width: 25%;
    max-width: 19rem;
    padding-right: clamp(1rem, 2vw, 2.5rem);
  }

  #category #content-wrapper {
    width: 75%;
    flex: 1 1 0;
  }

  #category #wrapper .container > .row {
    display: flex;
  }

  .hh-filter-button {
    display: none;
  }

  #category #left-column #search_filters.hh-facets__list {
    border-top: 0;
  }
}