﻿.products-categories-block {
  width: 100%;
  max-width: 1204px;
  margin: 48px auto;
  width: 100%;
  margin: 80px auto;
}
@media only screen and (min-width: 1024px) and (max-width: 1204px) {
  .products-categories-block {
    padding: 0 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .products-categories-block {
    margin: 32px auto;
    padding: 0 24px;
  }
}
@media (max-width: 767px) {
  .products-categories-block {
    margin: 24px auto;
    padding: 0 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .products-categories-block {
    margin: 64px 0;
  }
}
@media (max-width: 767px) {
  .products-categories-block {
    margin: 40px 0;
  }
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    .products-categories-block h2 {
      margin: 0 0 48px;
    }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .products-categories-block h2 {
        margin: 0 0 32px;
      }
    }
    @media (max-width: 767px) {
      .products-categories-block h2 {
        margin: 0 0 24px;
      }
    }
  }
}
.products-categories-block .categories {
  gap: 20px 20px;
  margin: 3em 0;
  display: flex;
  flex-flow: wrap;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .products-categories-block .categories {
    margin: calc(20px / -2) calc(20px / -2);
  }
  .products-categories-block .categories > * {
    margin: calc(20px / 2) calc(20px / 2);
  }
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    .products-categories-block .categories {
      gap: unset;
      margin: calc(20px / -2) calc(20px / -2);
    }
    .products-categories-block .categories > * {
      margin: calc(20px / 2) calc(20px / 2);
    }
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .products-categories-block .categories {
    margin: 2em 0;
  }
}
@media (max-width: 767px) {
  .products-categories-block .categories {
    margin: 1.5em 0;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .products-categories-block .categories {
    padding: 3em 0;
  }
}
@media (max-width: 1024px) {
  .products-categories-block .categories {
    gap: 16px 16px;
  }
}
@media (max-width: 1024px) and (-ms-high-contrast: none), (max-width: 1024px) and (-ms-high-contrast: active) {
  .products-categories-block .categories {
    margin: calc(16px / -2) calc(16px / -2);
  }
  .products-categories-block .categories > * {
    margin: calc(16px / 2) calc(16px / 2);
  }
}
@media (max-width: 1024px) {
  @media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
      .products-categories-block .categories {
        gap: unset;
        margin: calc(16px / -2) calc(16px / -2);
      }
      .products-categories-block .categories > * {
        margin: calc(16px / 2) calc(16px / 2);
      }
    }
  }
}
.products-categories-block .category, .products-categories-block .category-with-image {
  width: 100%;
  max-width: 285px;
  position: relative;
  background-color: #FFFFFF;
}
@media (max-width: 1024px) {
  .products-categories-block .category, .products-categories-block .category-with-image {
    max-width: 229px;
  }
}
@media (max-width: 767px) {
  .products-categories-block .category, .products-categories-block .category-with-image {
    min-width: 159px;
    max-width: calc((100vw - 56px) / 2);
  }
}
.products-categories-block .category a, .products-categories-block .category-with-image a {
  display: block;
  width: 100%;
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.14);
  text-decoration: none;
  position: relative;
  overflow: hidden;
  border-radius: 0.5em;
}
.products-categories-block .category a p, .products-categories-block .category-with-image a p {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .products-categories-block .category a p, .products-categories-block .category-with-image a p {
    font-size: 18px;
  }
}
.products-categories-block .category a p span, .products-categories-block .category-with-image a p span {
  transition: all 0.4s ease-in;
}
@media (hover: hover) and (pointer: fine) {
  .products-categories-block .category:hover *, .products-categories-block .category-with-image:hover * {
    color: #FFFFFF;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .products-categories-block .category:hover *, .products-categories-block .category-with-image:hover * {
    color: #FFFFFF;
  }
}
.products-categories-block .category a {
  height: 100%;
  padding: 1.9375em 1.5em 2em;
  border-radius: 0.5em;
}
@media (max-width: 767px) {
  .products-categories-block .category a {
    padding: 0 1em;
    display: flex;
    min-height: 64px;
  }
}
.products-categories-block .category::before {
  content: "";
  position: absolute;
  background-color: #204E77;
  transition: all 0.4s ease-in;
  width: 6px;
  height: 100%;
  right: 0;
  border-radius: 0 0.5em 0.5em 0;
}
@media (hover: hover) and (pointer: fine) {
  .products-categories-block .category:hover::before {
    border-radius: 0.5em;
    width: 100%;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .products-categories-block .category:hover::before {
    border-radius: 0.5em;
    width: 100%;
  }
}
.products-categories-block .icon-arrow-left-link {
  display: inline-block;
  margin: 0 14px;
  vertical-align: text-bottom;
  transition: all 0.4s ease-in;
}
@media (max-width: 767px) {
  .products-categories-block .icon-arrow-left-link {
    display: none;
  }
}
.products-categories-block .secondary-btn {
  margin: 0 auto;
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    .products-categories-block .secondary-btn {
      margin: 48px auto 0;
    }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .products-categories-block .secondary-btn {
        margin: 32px auto 0;
      }
    }
    @media (max-width: 767px) {
      .products-categories-block .secondary-btn {
        margin: 24px auto 0;
      }
    }
  }
}
.products-categories-block .category-with-image a {
  height: 12.5em;
}
@media (max-width: 1024px) {
  .products-categories-block .category-with-image a {
    height: 13em;
  }
}
@media (max-width: 540px) {
  .products-categories-block .category-with-image a {
    height: 9.625em;
  }
}
.products-categories-block .category-with-image a p {
  position: relative;
  height: 60px;
  padding: 8px 24px;
  font-size: 20px;
  display: flex;
  align-items: center;
  z-index: 0;
}
.products-categories-block .category-with-image a p::before {
  content: "";
  position: absolute;
  background-color: #204E77;
  transition: all 0.4s ease-in;
  width: 100%;
  height: 4px;
  top: 0;
  left: 0;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .products-categories-block .category-with-image a p {
    padding: 8px 20px;
    min-height: 68px;
  }
}
@media (max-width: 767px) {
  .products-categories-block .category-with-image a p {
    padding: 0 16px;
    display: flex;
    min-height: 68px;
    font-size: 18px;
  }
  .products-categories-block .category-with-image a p span {
    line-height: 24px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .products-categories-block .category-with-image a:hover {
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.14);
  }
  .products-categories-block .category-with-image a:hover p::before {
    height: 100%;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .products-categories-block .category-with-image a:hover {
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.14);
  }
  .products-categories-block .category-with-image a:hover p::before {
    height: 100%;
  }
}
.products-categories-block .category-with-image .image-container {
  width: calc(100% + 2px);
  height: 140px;
  overflow: hidden;
  position: relative;
  left: -1px;
  right: -1px;
}
@media (max-width: 540px) {
  .products-categories-block .category-with-image .image-container {
    height: 86px;
  }
}
.products-categories-block .category-with-image .image-container img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}

@media (max-width: 320px) {
  .products-categories-block .category, .products-categories-block .category-with-image {
    width: 100%;
  }
}
.ltr .products-categories-block .icon-arrow-left-link {
  transform: rotate(180deg);
}

.font-size-medium .products-categories-block .category-with-image p {
  height: 40%;
}

.font-size-large .products-categories-block .category-with-image p {
  height: 50%;
}

.font-size-xl .products-categories-block .category-with-image p {
  height: 60%;
}

.high-contrast .products-categories-block .category::before {
  background-color: #424242;
}
