/* designer index page */
#designers-content {
  margin-bottom: var(--wp--preset--spacing--89);
}

#designers-content .title h6 {
  margin-bottom: var(--wp--preset--spacing--34);
}

#designers-content .results {
  display: block;
  columns: 5;
  column-gap: var(--wp--preset--spacing--34);
}

#designers-content .results .letter-block {
  page-break-inside: avoid;
  margin-bottom: var(--wp--preset--spacing--34);
}

#designers-content .designer {
  margin: 0 0 7px 0;
  font-family: "Calibre";
}

#designers-content .letter {
  font-size: var(--font-size-27);
  font-family: "Lyon Display";
}

#designers-content .letter:first-child {
  margin-bottom: var(--wp--preset--spacing--13);
}

.designer-single .wp-block-columns:first-child .wp-block-column:last-child {
  margin-right: calc(var(--wp--style--root--padding-right) * -1);
}

.designer-page .post-products {
  padding: 0 0 55px 0;
}

.designer-page main > .wp-block-columns {
}

.designer-page main > .wp-block-columns > .wp-block-column:first-child {
  max-height: 320px;
  overflow-y: hidden;
  display: flex;
  align-items: flex-end;
  height: unset;
}

.designer-page main > .wp-block-columns > .wp-block-column:first-child.designer-text-expanded {
  overflow-y: scroll;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.35) transparent;
}

.designer-page main > .wp-block-columns > .wp-block-column:first-child.designer-text-expanded::-webkit-scrollbar {
  width: 6px;
}

.designer-page main > .wp-block-columns > .wp-block-column:first-child.designer-text-expanded::-webkit-scrollbar-track {
  background: transparent;
}

.designer-page main > .wp-block-columns > .wp-block-column:first-child.designer-text-expanded::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.35);
  border-radius: 999px;
}

.designer-text-read-more {
  display: block;
  margin: 17px auto;
  background: transparent;
  border: 0;
  font-size: 1rem;
  font-family: "Calibre";
  border-bottom: 1px solid #fff;
  padding: 0;
}

@media only screen and (min-width: 1400px) {
  .designer-page .post-products .products {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* end designer index page */

@media only screen and (min-width: 320px) and (max-width: 1175px) {
  .hide-tablet {
    display: none !important;
  }
}

@media only screen and (min-width: 320px) and (max-width: 1024px) {
  #designers-content .results {
    columns: 4;
  }
}

@media only screen and (max-width: 767px) {
  .designer-page main > .wp-block-columns {
    height: 350px;
  }

  #designers-content .results {
    columns: 2;
  }
}