/* stylelint-disable */
/* stylelint-disable max-line-length */
:root {
  --breakpoint-xxl: 1920px;
  --breakpoint-xl: 1440px;
  --breakpoint-lg: 1280px;
  --breakpoint-md: 1024px;
  --breakpoint-md-s: 992px;
  --breakpoint-sm: 768px;
  --breakpoint-xs: 512px;
  --breakpoint-xxs: 390px;
}

/* stylelint-disable */
/* stylelint-disable */
/*
  This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top);
*/
.post-type-archive-products {
  padding-top: clamp(100px, 84.7058823529px + 0.0392156863 * 100vw, 160px);
  display: block;
}
.post-type-archive-products .breadcrumbs {
  color: var(--9-e-9-e-9-e);
  margin-bottom: clamp(20px, 14.9019607843px + 0.0130718954 * 100vw, 40px);
}
.post-type-archive-products .breadcrumbs a {
  color: var(--1-c-1-c-1-c);
}
.post-type-archive-products .archive-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: clamp(10px, -0.1960784314px + 0.0261437908 * 100vw, 50px);
  margin-bottom: clamp(40px, -0.7843137255px + 0.1045751634 * 100vw, 200px);
}
@media (max-width: 768px) {
  .post-type-archive-products .archive-wrapper {
    grid-template-columns: 1fr;
  }
}
.post-type-archive-products .archive-wrapper .archive-link {
  border: 1px solid #635d5d;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  gap: 10px;
}
.post-type-archive-products .archive-wrapper .archive-image {
  max-width: 100%;
}
.post-type-archive-products .archive-wrapper .archive-image img {
  max-width: 100%;
  aspect-ratio: 1/0.75;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.post-type-archive-products .archive-wrapper .archive-title {
  padding-bottom: 20px;
  text-align: center;
  font-size: clamp(12px, 10.9803921569px + 0.0026143791 * 100vw, 16px);
  font-weight: 400;
  margin-top: auto;
}
.post-type-archive-products .archive-wrapper .archive-icon {
  width: 85px;
}
.post-type-archive-products .archive-wrapper .archive-icon img {
  width: 100%;
  height: auto;
}