body.ufs-shop-archive-page .et-l--body,
body.ufs-shop-archive-page .et-l--body > .et_builder_inner_content {
  overflow: hidden;
}

body.ufs-shop-archive-page #page-container .et-l--body .et_pb_section.ufs-shop-archive {
  width: 100%;
  max-width: none;
  margin: 0 !important;
  padding: 0 !important;
  background-color: transparent !important;
}

.ufs-shop-archive,
.ufs-shop-archive * {
  box-sizing: border-box;
}

.ufs-shop-archive {
  color: var(--ufs-shop-ink);
  font-family: var(--ufs-shop-sans);
}

body.ufs-shop-archive-page #page-container .ufs-shop-archive .et_pb_row {
  width: min(1240px, calc(100% - 48px)) !important;
  max-width: 1240px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding: 0 !important;
}

body.ufs-shop-archive-page #page-container .ufs-shop-hero.et_pb_section {
  position: relative;
  min-height: clamp(330px, 34vw, 475px);
  overflow: hidden;
  background-color: #211c18 !important;
  background-image: url("heroes/product-category-marketplace-default.webp") !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.ufs-shop-hero::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(13, 12, 11, 0.22) 0%, rgba(13, 12, 11, 0.11) 46%, rgba(13, 12, 11, 0.02) 73%),
    linear-gradient(180deg, rgba(12, 11, 10, 0.04), rgba(12, 11, 10, 0.18));
  content: "";
  pointer-events: none;
}

.ufs-shop-hero::after {
  position: absolute;
  right: -2%;
  bottom: -1px;
  left: -2%;
  height: 21px;
  background: #eee5d8;
  clip-path: polygon(0 70%, 2% 49%, 4% 77%, 7% 45%, 10% 70%, 13% 48%, 16% 79%, 19% 54%, 22% 73%, 25% 42%, 28% 68%, 31% 50%, 34% 76%, 37% 45%, 40% 71%, 43% 51%, 46% 81%, 49% 44%, 52% 68%, 55% 48%, 58% 75%, 61% 41%, 64% 69%, 67% 52%, 70% 77%, 73% 46%, 76% 73%, 79% 43%, 82% 70%, 85% 50%, 88% 76%, 91% 45%, 94% 72%, 97% 48%, 100% 74%, 100% 100%, 0 100%);
  content: "";
  filter: drop-shadow(0 -1px 1px rgba(19, 14, 10, 0.34));
  pointer-events: none;
}

body.ufs-shop-archive-page #page-container .ufs-shop-hero-row.et_pb_row {
  display: flex;
  min-height: clamp(330px, 34vw, 475px);
  align-items: center;
  padding: clamp(54px, 6vw, 84px) 0 clamp(70px, 7vw, 98px) !important;
}

.ufs-shop-hero-copy {
  position: relative;
  max-width: 680px;
  z-index: 1;
}

body.ufs-shop-archive-page #page-container .ufs-shop-hero h1 {
  max-width: 660px;
  margin: 0 0 15px !important;
  padding: 0 !important;
  color: #f7eddd !important;
  font-family: var(--ufs-shop-serif) !important;
  font-size: clamp(3.3rem, 6vw, 5.75rem) !important;
  font-weight: 560 !important;
  letter-spacing: -0.04em !important;
  line-height: 0.92 !important;
  text-wrap: balance;
}

body.ufs-shop-archive-page #page-container .ufs-shop-hero p {
  max-width: 610px;
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(248, 239, 224, 0.88) !important;
  font-size: clamp(1rem, 1.45vw, 1.2rem) !important;
  line-height: 1.56 !important;
  text-shadow: 0 1px 9px rgba(0, 0, 0, 0.34);
}

body.ufs-shop-archive-page #page-container .ufs-shop-collections-row.et_pb_row {
  padding: clamp(58px, 7vw, 92px) 0 clamp(54px, 6vw, 78px) !important;
}

.ufs-shop-section-intro {
  max-width: 760px;
  margin-bottom: 27px;
}

.ufs-shop-section-intro h2,
.ufs-shop-products-intro h2 {
  margin: 0 0 8px !important;
  padding: 0 !important;
  color: var(--ufs-shop-ink) !important;
  font-family: var(--ufs-shop-serif) !important;
  font-size: clamp(2.35rem, 4vw, 4rem) !important;
  font-weight: 600 !important;
  letter-spacing: -0.035em !important;
  line-height: 0.98 !important;
}

.ufs-shop-section-intro p,
.ufs-shop-products-intro p {
  max-width: 650px;
  margin: 0 !important;
  color: #675447 !important;
  font-size: 1rem !important;
  line-height: 1.55 !important;
}

body.ufs-shop-archive-page #page-container .ufs-shop-collection-grid.et_pb_row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(14px, 1.7vw, 22px);
}

.ufs-shop-collection-grid > .et_pb_column {
  width: auto !important;
  margin: 0 !important;
}

.ufs-shop-collection-card,
.ufs-shop-collection-card .et_pb_text_inner {
  height: 100%;
}

.ufs-shop-collection-link {
  position: relative;
  display: flex;
  min-height: 290px;
  height: 100%;
  overflow: hidden;
  align-items: flex-end;
  padding: 24px 22px;
  border: 1px solid rgba(67, 43, 26, 0.36);
  background-color: #31261e;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0 13px 29px rgba(48, 31, 20, 0.17), 0 2px 5px rgba(48, 31, 20, 0.12);
  clip-path: polygon(0.8% 0, 98.5% 0.4%, 100% 2.5%, 99.2% 97.5%, 97.4% 100%, 2% 99.4%, 0 97%, 0.5% 2.5%);
  isolation: isolate;
  transition: transform 180ms ease, box-shadow 180ms ease;
}

.ufs-shop-collection-link::before {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(17, 14, 12, 0.04) 21%, rgba(17, 14, 12, 0.88) 100%);
  content: "";
  z-index: -1;
}

.ufs-shop-collection-link::after {
  position: absolute;
  inset: 0;
  border: 8px solid rgba(235, 218, 191, 0.08);
  content: "";
  pointer-events: none;
}

.ufs-shop-collection-link:hover,
.ufs-shop-collection-link:focus-visible {
  transform: translateY(-5px);
  box-shadow: 0 20px 37px rgba(48, 31, 20, 0.23), 0 3px 7px rgba(48, 31, 20, 0.14);
}

.ufs-shop-collection-mens {
  background-image: url("heroes/product-category-mens-tshirts.webp");
  background-position: 61% center;
}

.ufs-shop-collection-womens {
  background-image: url("heroes/product-category-womens-tshirts.webp");
  background-position: 61% center;
}

.ufs-shop-collection-books {
  background-image: url("heroes/product-category-books.webp");
  background-position: 65% center;
}

.ufs-shop-collection-tools {
  background-image: url("heroes/product-category-verse-mapping.webp");
  background-position: 63% center;
}

.ufs-shop-collection-copy {
  display: block;
  width: 100%;
}

.ufs-shop-collection-copy h3 {
  margin: 0 0 5px !important;
  padding: 0 !important;
  color: #fff6e8 !important;
  font-family: var(--ufs-shop-serif) !important;
  font-size: clamp(1.65rem, 2vw, 2.1rem) !important;
  font-weight: 620 !important;
  line-height: 1 !important;
}

.ufs-shop-collection-copy h3 a {
  color: inherit !important;
  font: inherit !important;
  letter-spacing: inherit !important;
  line-height: inherit !important;
  text-decoration: none !important;
}

.ufs-shop-collection-copy h3 a::after {
  position: absolute;
  inset: 0;
  content: "";
  z-index: 2;
}

.ufs-shop-collection-copy p {
  margin: 0 !important;
  color: rgba(255, 244, 227, 0.8) !important;
  font-size: 0.82rem !important;
  font-weight: 650;
  letter-spacing: 0.055em;
  line-height: 1.3 !important;
  text-transform: uppercase;
}

body.ufs-shop-archive-page #page-container .ufs-shop-products.et_pb_section {
  border-top: 1px solid rgba(91, 60, 37, 0.16);
  background: rgba(226, 211, 190, 0.25) !important;
}

body.ufs-shop-archive-page #page-container .ufs-shop-products-row.et_pb_row {
  padding: clamp(52px, 6vw, 78px) 0 clamp(62px, 7vw, 96px) !important;
}

.ufs-shop-products-intro {
  margin-bottom: 29px;
}

.ufs-shop-archive-module .ufs-products {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.ufs-shop-archive-page #page-container .ufs-shop-assurance.et_pb_section {
  border-top: 1px solid rgba(80, 54, 34, 0.2);
  border-bottom: 1px solid rgba(80, 54, 34, 0.2);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.24), transparent 45%),
    rgba(218, 198, 171, 0.56) !important;
}

body.ufs-shop-archive-page #page-container .ufs-shop-assurance-row.et_pb_row {
  display: grid;
  grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr);
  gap: 40px;
  align-items: center;
  padding: 33px 0 36px !important;
}

.ufs-shop-assurance-row > .et_pb_column {
  width: auto !important;
  margin: 0 !important;
}

.ufs-shop-assurance h2 {
  margin: 0 !important;
  padding: 0 !important;
  color: var(--ufs-shop-ink) !important;
  font-family: var(--ufs-shop-serif) !important;
  font-size: clamp(1.95rem, 2.8vw, 2.8rem) !important;
  font-weight: 620 !important;
  line-height: 1 !important;
}

.ufs-shop-assurance p {
  margin: 0 !important;
  color: #5d4b3e !important;
  font-size: 0.94rem !important;
  line-height: 1.58 !important;
}

.ufs-shop-assurance a {
  color: var(--ufs-shop-brown) !important;
  font-weight: 740;
  text-decoration: underline;
  text-decoration-color: rgba(92, 58, 35, 0.36);
  text-underline-offset: 4px;
}

@media (max-width: 1100px) {
  body.ufs-shop-archive-page #page-container .ufs-shop-collection-grid.et_pb_row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ufs-shop-collection-link {
    min-height: 260px;
  }
}

@media (max-width: 980px) {
  body.ufs-shop-archive-page #page-container .ufs-shop-archive .et_pb_row {
    width: min(100% - 36px, 1240px) !important;
  }

  .ufs-shop-archive-module .ufs-products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  body.ufs-shop-archive-page #page-container .ufs-shop-hero.et_pb_section {
    min-height: 375px;
    background-position: 68% center !important;
  }

  .ufs-shop-hero::before {
    background:
      linear-gradient(90deg, rgba(13, 12, 11, 0.89) 0%, rgba(13, 12, 11, 0.7) 52%, rgba(13, 12, 11, 0.25) 100%),
      linear-gradient(180deg, rgba(12, 11, 10, 0.12), rgba(12, 11, 10, 0.32));
  }

  body.ufs-shop-archive-page #page-container .ufs-shop-hero-row.et_pb_row {
    min-height: 375px;
    align-items: flex-end;
    padding: 52px 0 72px !important;
  }

  body.ufs-shop-archive-page #page-container .ufs-shop-hero h1 {
    max-width: 84%;
    font-size: clamp(3rem, 15vw, 4.2rem) !important;
  }

  body.ufs-shop-archive-page #page-container .ufs-shop-hero p {
    max-width: 83%;
    font-size: 0.95rem !important;
    line-height: 1.48 !important;
  }

  body.ufs-shop-archive-page #page-container .ufs-shop-collections-row.et_pb_row {
    padding: 46px 0 25px !important;
  }

  body.ufs-shop-archive-page #page-container .ufs-shop-collection-grid.et_pb_row {
    grid-template-columns: 1fr;
    padding-bottom: 49px !important;
  }

  .ufs-shop-collection-link {
    min-height: 225px;
  }

  body.ufs-shop-archive-page #page-container .ufs-shop-products-row.et_pb_row {
    padding: 45px 0 59px !important;
  }

  .ufs-shop-archive-module .ufs-products {
    grid-template-columns: 1fr !important;
  }

  body.ufs-shop-archive-page #page-container .ufs-shop-assurance-row.et_pb_row {
    display: block;
    padding: 29px 0 33px !important;
  }

  .ufs-shop-assurance h2 {
    margin-bottom: 11px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ufs-shop-collection-link {
    transition: none;
  }
}
