.page_banner {
  padding: 0;
}
.page_banner .head {
  padding-bottom: 1.8%;
}
.products_nav {
  overflow: hidden;
  padding: 3.5rem 0;
}
.products_nav .products_nav_swiper .swiper-slide .nav_item:hover::before,
.products_nav .products_nav_swiper .swiper-slide.active .nav_item::before {
  opacity: 1;
}
.products_nav .products_nav_swiper .swiper-slide .nav_item:hover .title,
.products_nav .products_nav_swiper .swiper-slide.active .nav_item .title {
  color: #fff;
  text-decoration-color: #fff;
}
.products_nav .nav_item {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  transition: all 0.4s;
  border-radius: 16px;
  overflow: hidden;
}
.products_nav .nav_item::before {
  width: 100%;
  height: 100%;
  border-radius: 16px;
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  background-image: linear-gradient(-127.929deg, var(--subtheme_color), var(--theme_color));
  z-index: -1;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s;
}
.products_nav .nav_item .img {
  width: 100%;
  padding-bottom: 77.712%;
}
.products_nav .nav_item .title {
  flex: 1;
  font-size: 1.6rem;
  font-weight: 500;
  transition: all 0.3s;
  text-align: center;
  text-decoration: underline transparent;
  padding: 1.1rem 12% 0.9rem;
}
.products_nav .swiper_btns {
  max-width: 147rem;
}
.products_nav .swiper_btns div {
  width: 5.6rem;
  height: 5.6rem;
  background-color: rgba(23, 23, 23, 0.4);
  border: none;
}
.products_nav .swiper_btns div::after {
  filter: contrast(0) brightness(2);
  background-size: 50%;
}
.products_nav .swiper_btns div:hover {
  background-color: var(--theme_color);
}
.products_nav .swiper_btns .swiper-button-disabled {
  opacity: 0;
}
.products_section {
  padding: 3.1rem 0 17.6rem;
}
.products_section .products_sidebar {
  position: sticky;
  top: 15rem;
  width: 20.069444%;
}
.products_section .products_sidebar .filer_title {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.products_section .products_sidebar .filer_title strong {
  font-size: 3.2rem;
  font-weight: 600;
}
.products_section .products_sidebar .filer_title .reset {
  background-color: transparent;
  border: none;
  font-size: 1.6rem;
  color: #898989;
  transition: all 0.3s;
  margin-bottom: 0.4rem;
}
.products_section .products_sidebar .filer_title .reset:hover {
  color: var(--theme_color);
}
.products_section .products_sidebar .filter_list {
  margin-top: 2.8rem;
}
.products_section .products_sidebar .taxonomy.active .title::after {
  transform: rotate(180deg) translateY(50%);
}
.products_section .products_sidebar .taxonomy.active .terms {
  display: block;
}
.products_section .products_sidebar .taxonomy .title {
  font-size: 1.8rem;
  font-weight: 600;
  cursor: pointer;
  position: relative;
  padding: 1.65rem 5rem 1.65rem 0;
  display: block;
}
.products_section .products_sidebar .taxonomy .title a {
  transition: all .3s;
}
.products_section .products_sidebar .taxonomy .title a:hover {
  color: var(--theme_color);
}
.products_section .products_sidebar .taxonomy .title.active {
  color: var(--theme_color);
}
.products_section .products_sidebar .taxonomy .title::after {
  width: 1.4rem;
  height: 1.4rem;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  content: '';
  display: none;
  background: url("../img/icon-select.svg") no-repeat center / contain;
  transition: all 0.3s;
}
.products_section .products_sidebar .taxonomy.list-has-children .title::after {
  display: block;
}
.products_section .products_sidebar .taxonomy .terms {
  display: none;
  padding: 0.9rem 0 2.3rem;
}
.products_section .products_sidebar .taxonomy .terms li {
  position: relative;
  font-size: 1.6rem;
  color: #65676b;
  cursor: pointer;
  transition: all 0.3s;
  padding-left: 2.9rem;
  margin-bottom: 1.9rem;
}
.products_section .products_sidebar .taxonomy .terms li:last-child {
  margin-bottom: 0;
}
.products_section .products_sidebar .taxonomy .terms li.active {
  color: var(--theme_color);
  font-weight: 500;
}
.products_section .products_sidebar .taxonomy .terms li.active::before {
  border-color: var(--theme_color);
  background-color: var(--theme_color);
}
.products_section .products_sidebar .taxonomy .terms li:hover {
  color: var(--theme_color);
}
.products_section .products_sidebar .taxonomy .terms li::before {
  position: absolute;
  left: 0;
  top: 1px;
  width: 1.7rem;
  height: 1.7rem;
  content: '';
  display: block;
  border-radius: 4px;
  border: 1px solid #d6e0e5;
  background: url("../img/gou-w.svg") no-repeat center / 58%;
  transition: all 0.3s;
}
.products_section .right {
  flex: 1;
  max-width: 108.9rem;
}
/* .products_section h2 {
  font-size: 3.2rem;
  font-weight: 600;
  line-height: normal;
} */
.products_section .list {
  margin-top: 4.2rem;
}
.products_section .list > ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.9rem 1.653%;
}
.search .products_section .list > ul {
  grid-template-columns: repeat(4, 1fr);
}