.somone-v1-catalogue {
  padding-bottom: 7rem;
}

.somone-v1-catalogue-header,
.somone-v1-page-header {
  padding: clamp(3.5rem, 7vw, 7rem) 0;
  background: var(--somone-navy) !important;
}

.somone-v1-catalogue-header h1,
.somone-v1-page-header h1 {
  margin: 0.6rem 0 1rem;
  color: #fff;
  font-size: clamp(3rem, 6vw, 6.5rem);
  text-transform: uppercase;
}

.somone-v1-catalogue-header .wc-block-breadcrumbs,
.somone-v1-catalogue-header .wc-block-breadcrumbs a,
.somone-v1-catalogue-intro {
  color: rgba(255, 255, 255, 0.72);
}

.somone-v1-category-navigation {
  display: flex;
  width: min(1440px, calc(100% - 64px));
  margin: 2rem auto;
  padding: 0;
  gap: 0.55rem;
  overflow-x: auto;
  list-style: none;
}

.somone-v1-category-navigation a {
  display: block;
  padding: 0.7rem 1rem;
  border: 1px solid var(--somone-line);
  border-radius: 999px;
  color: var(--somone-navy);
  font-size: 0.72rem;
  font-weight: 750;
  letter-spacing: 0.05em;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}

.somone-v1-category-navigation a:hover,
.somone-v1-category-navigation a[aria-current="page"] {
  border-color: var(--somone-red);
  background: var(--somone-red);
  color: #fff;
}

.somone-v1-catalogue-controls {
  margin-block: 2.5rem 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--somone-line);
}

.somone-v1-product-collection ul.wc-block-product-template {
  gap: 2.75rem 1rem !important;
}

.somone-v1-product-collection .wc-block-components-product-image {
  overflow: hidden;
  background: var(--somone-grey);
}

.somone-v1-product-collection .wc-block-components-product-image img {
  aspect-ratio: 1;
  object-fit: cover;
  transition: transform 240ms var(--somone-ease-out);
}

.somone-v1-product-collection .wp-block-post-title {
  margin: 1rem 0 0.45rem;
  font-size: 1rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
}

.somone-v1-product-collection .wp-block-post-title a {
  color: var(--somone-navy);
  text-decoration: none;
}

.somone-v1-card-summary {
  color: #66717d;
  font-size: 0.8rem;
}

.somone-v1-product-collection .wc-block-components-product-price {
  color: var(--somone-red);
  font-weight: 750;
}

.somone-v1-product-collection .wp-block-button__link {
  width: 100%;
  margin-top: 0.8rem;
}

@media (hover: hover) and (pointer: fine) {
  .somone-v1-product-collection li:hover .wc-block-components-product-image img {
    transform: scale(1.035);
  }
}