section.cat-landing,
section.cat-fv {
  width: 100%;
  max-width: 100%;
}

section.cat-landing {
  margin-bottom: clamp(20px, 3vw, 40px);
}
section.cat-fv {
  background-color: #f8f8f8;
  margin-bottom: clamp(20px, 4vw, 80px);
}
.fv-img {
  width: 100%;
}

.fv-img img {
  display: block;
  width: 100%;
  object-fit: cover;
  max-height: 600px;
  margin: 0 auto;
}

.fv-text {
  width: 90%;
  max-width: 600px;
  padding-bottom: clamp(32px, 5vw, 60px);
}

.fv-text .spacer {
  display: block;
  width: clamp(20px, 3vw, 40px);
  height: 0.5px;
  background-color: var(--accent-black);
  margin: 24px auto;
}

.fv-text h1 {
  font-size: clamp(20px, 3vw, 40px);
  font-weight: 400;
  letter-spacing: 0.06em;
  line-height: 120%;
  margin: 32px 0 0 0;
}
.fv-text p {
  font-size: clamp(14px, 2vw, 16px);
  letter-spacing: 0;
  line-height: 200%;
}

section.subcategory {
  width: 90%;
  max-width: 800px;
}

.subcategory-list .sub-cat-btn {
  color: var(--accent-black);
  font-size: clamp(14px, 2vw, 16px);
  letter-spacing: 0;
  line-height: 100%;
  white-space: nowrap;
  padding: 0.65em 1.15em;
  border: 0.5px solid var(--color-main-grey);
}

section.search-terms {
  display: flex;
  justify-content: space-between;
  gap: 2em;
  width: 90%;
  max-width: 800px;
}
section.search-terms select {
  padding: 0 0 0 0.8em;
  width: 7.85em;
  height: 2.15em;

  appearance: unset;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="6" viewBox="0 0 8 6"><path id="Polygon_1" data-name="Polygon 1" d="M4,0,8,6H0Z" transform="translate(8 6) rotate(180)" fill="%232f2f2f"/></svg>');
  background-size: 8px;
  background-position: right 0.8em top 0.9em;
  background-repeat: no-repeat;
  border: 0.5px solid var(--color-main-grey);
  border-radius: 15px;
  box-sizing: border-box;
  font-size: clamp(14px, 2vw, 16px);
}

section.search-terms .breadcrumbs {
  font-size: clamp(14px, 2vw, 16px);
}

section.search-terms .breadcrumbs a {
  color: var(--accent-black);
}
section.product-list {
  width: 100%;
}
.pager {
  box-sizing: border-box;
  width: 100%;
}
.pager .rest {
  margin: 0;
}
.pagination {
  width: 90%;
  max-width: 600px;
  align-items: center;
}
.pagination a {
  display: block;
}
.pagination svg {
  width: clamp(32px, 4vw, 50px);
  aspect-ratio: 1 /1;
}

.pagination .button--disabled {
  background-color: unset;
}
.pagination .button--disabled {
  opacity: 0.6;
}

section.categories {
  margin-top: clamp(60px, 10vw, 120px);
}

p.sort {
  margin-top: clamp(40px, 7vw, 100px);
}

p.sort a {
  color: var(--accent-black);
  border: 1px solid var(--accent-black);
}

@media screen and (min-width: 601px) {
  section.search-terms {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}