.productListing {
  padding: 0 64px;
  max-width: 1600px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .productListing {
    padding: 0 20px;
  }
}

.productListingContainer {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 32px;
}
@media screen and (max-width: 767px) {
  .productListingContainer {
    justify-content: space-between;
    gap: 32px 12px;
  }
}

.product_list_item {
  display: flex;
  width: 273.25px;
  max-width: 440px;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .product_list_item {
    width: 50%;
  }
}
@media screen and (min-width: 1093px) {
  .product_list_item {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 1293px) {
  .product_list_item {
    width: 25%;
  }
}
@media screen and (max-width: 767px) {
  .product_list_item {
    box-sizing: border-box;
    min-width: 154px;
    width: calc(50% - 6px);
    padding: 0;
    height: auto;
  }
}
.product_list_item:hover:not(.epoints) img {
  opacity: 0.5;
}
.product_list_item:hover:not(.epoints) .product_text_right .product_name {
  color: #004280;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  text-decoration-line: underline;
}
.product_list_item .image_top {
  width: 100%;
  height: 132px;
  background: #FFFFFF;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 767px) {
  .product_list_item .image_top {
    aspect-ratio: 5/3;
    height: auto;
  }
}
.product_list_item .image_top .product_lable {
  position: absolute;
  display: flex;
  height: 24px;
  padding: 4px 8px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 2px;
  border: 1px solid var(--Brand-Advantech-Brand-color_Primary, #004280);
  background: var(--Brand-Advantech-Brand-color_Primary, #004280);
  color: #fff;
  left: -4px;
  top: 8px;
  color: var(--Gray-scale-00_White_BG, #FFF);
  font-family: Heebo;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  z-index: 1;
}
.product_list_item .image_top img {
  object-fit: contain;
  aspect-ratio: 41/23 !important;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
}
.product_list_item .product_text_right {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
}
.product_list_item .product_text_right a {
  text-decoration: none;
}
.product_list_item .product_text_right .product_name > mark, .product_list_item .product_text_right .product_description > mark {
  color: inherit;
  background-color: inherit;
  padding: 0;
}
.product_list_item .product_text_right .product_name {
  color: #0C0C0C;
  font-family: Heebo;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.72px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  word-break: break-all;
}
@media screen and (max-width: 767px) {
  .product_list_item .product_text_right .product_name {
    font-size: 22px;
    letter-spacing: -0.66px;
  }
}
.product_list_item .product_text_right .product_description {
  color: var(--gray-scale-70-content-text-2nd, #737B7D);
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 40px;
  word-break: break-word;
}
@media screen and (max-width: 767px) {
  .product_list_item .product_text_right .product_description {
    -webkit-line-clamp: 3;
    height: 60px;
  }
}
.product_list_item .product_text_right .product_lable {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 24px;
}
@media screen and (max-width: 767px) {
  .product_list_item .product_text_right .product_lable {
    flex-direction: column;
    align-items: flex-start;
  }
}
.product_list_item .product_text_right .product_lable span {
  display: flex;
  height: 24px;
  padding: 4px 8px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: var(--Gray-scale-60_Tag, #B6BFC1);
  font-family: Heebo;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  border-radius: 2px;
  border: 1px solid var(--Gray-scale-60_Tag, #B6BFC1);
}
.product_list_item .product_text_right .product_price {
  color: var(--Brand-IoTMart-Highlight, #E57B03);
  text-align: right;
  font-family: Heebo;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 5px;
}
.product_list_item .product_text_right .product_price .question_toggle {
  z-index: 1;
  text-align: left;
}
.product_list_item .product_text_right .product_price .question_toggle p {
  right: 0;
  left: auto;
  max-width: 241px;
}
.product_list_item .product_text_right .product_price .question_toggle p i {
  left: auto;
  right: -8px;
}
@media screen and (max-width: 767px) {
  .product_list_item .product_text_right .product_price {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: -0.66px;
  }
  .product_list_item .product_text_right .product_price .question_toggle p {
    max-width: calc(50vw - 25px);
    width: 400px;
    word-break: break-word;
  }
}
.product_list_item .product_text_right button {
  display: flex;
  height: 40px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 2px;
  color: var(--Gray-scale-00_White_BG, #FFF);
  text-align: center;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.16px;
  background: var(--Brand-IoTMart-Brand-color_primary, #F39800);
  border: none;
}
.product_list_item .product_text_right button:hover {
  background: #E57B03;
}

.products-heading {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  .products-heading {
    margin-bottom: 24px;
    gap: 0;
  }
}
.products-title {
  color: #434447;
  margin: 0;
  font-weight: 500;
  font-size: 48px;
  line-height: 48px;
  letter-spacing: 1.44px;
}
@media screen and (max-width: 767px) {
  .products-title {
    font-size: 36px;
  }
}
.products-desc {
  color: #737B7D;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  max-width: 624px;
}
@media screen and (max-width: 767px) {
  .products-desc {
    letter-spacing: 0.48px;
  }
}

.plp-main {
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: 34px;
}
@media screen and (max-width: 767px) {
  .plp-main {
    flex-direction: column;
    max-width: 100vw;
    overflow: hidden;
    gap: 0;
  }
}
.plp-main-left {
  max-width: 343px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .plp-main-left {
    max-width: 100%;
  }
}
.plp-main-left .plp-filter-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.plp-main-left .plp-filter-title span:first-child {
  font-family: Heebo;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.72px;
  display: flex;
  gap: 8px;
}
@media screen and (max-width: 767px) {
  .plp-main-left .plp-filter-title span:first-child {
    text-indent: -9999px;
  }
}
.plp-main-left .plp-filter-title span:first-child i {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M14.7001 16.2C15.1972 16.2 15.6001 16.6029 15.6001 17.1C15.6001 17.5971 15.1972 18 14.7001 18H9.3001C8.80304 18 8.4001 17.5971 8.4001 17.1C8.4001 16.6029 8.80304 16.2 9.3001 16.2H14.7001ZM17.1001 11.1C17.5972 11.1 18.0001 11.5029 18.0001 12C18.0001 12.4971 17.5972 12.9 17.1001 12.9H6.9001C6.40304 12.9 6.0001 12.4971 6.0001 12C6.0001 11.5029 6.40304 11.1 6.9001 11.1H17.1001ZM19.5001 6C19.9972 6 20.4001 6.40294 20.4001 6.9C20.4001 7.39706 19.9972 7.8 19.5001 7.8H4.5001C4.00304 7.8 3.6001 7.39706 3.6001 6.9C3.6001 6.40294 4.00304 6 4.5001 6H19.5001Z" fill="%23434447"/></svg>');
  width: 24px;
  height: 24px;
  display: block;
}
@media screen and (max-width: 767px) {
  .plp-main-left .plp-filter-title span:first-child i {
    width: 40px;
    height: 40px;
    background-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="40" height="40" rx="20" fill="%23F39800"/><path d="M22.25 23.5C22.6642 23.5 23 23.8358 23 24.25C23 24.6642 22.6642 25 22.25 25H17.75C17.3358 25 17 24.6642 17 24.25C17 23.8358 17.3358 23.5 17.75 23.5H22.25ZM24.25 19.25C24.6642 19.25 25 19.5858 25 20C25 20.4142 24.6642 20.75 24.25 20.75H15.75C15.3358 20.75 15 20.4142 15 20C15 19.5858 15.3358 19.25 15.75 19.25H24.25ZM26.25 15C26.6642 15 27 15.3358 27 15.75C27 16.1642 26.6642 16.5 26.25 16.5H13.75C13.3358 16.5 13 16.1642 13 15.75C13 15.3358 13.3358 15 13.75 15H26.25Z" fill="white"/></svg>');
  }
}
.plp-main-left .plp-filter-title span:last-child {
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
  color: #006EFF;
  cursor: pointer;
}
.plp-main-left .plp-filter-section section {
  border-radius: 2px;
  border: 0.889px solid var(--Gray-scale-30_BG-for-Content, #F6F7F9);
  background: var(--Gray-scale-30_BG-for-Content, #F6F7F9);
  display: flex;
  padding: 24px 16px;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 16px;
}
.plp-main-left .plp-filter-section section .filter-section-title {
  font-family: Heebo;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  cursor: pointer;
}
.plp-main-left .plp-filter-section section .filter-section-title.active i {
  transform: rotate(180deg);
  transition: all 450ms ease-in-out;
}
.plp-main-left .plp-filter-section section .filter-section-title.active ~ .filter-item {
  opacity: 0;
  transition: all 450ms linear;
}
.plp-main-left .plp-filter-section section .filter-section-title i {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="16" viewBox="0 0 17 16" fill="none"><path d="M8.49554 6.01876C8.6663 6.01876 8.81697 6.08405 8.94755 6.21966L12.7746 10.132C12.885 10.2425 12.9453 10.3832 12.9453 10.5439C12.9453 10.8703 12.6892 11.1265 12.3627 11.1265C12.202 11.1265 12.0564 11.0612 11.9408 10.9507L8.49554 7.41999L5.05022 10.9507C4.93973 11.0612 4.78906 11.1265 4.62835 11.1265C4.30692 11.1265 4.05078 10.8703 4.05078 10.5439C4.05078 10.3781 4.10603 10.2425 4.21652 10.132L8.04353 6.21966C8.16908 6.08405 8.32478 6.01876 8.49554 6.01876Z" fill="%23004280"/></svg>');
  width: 16px;
  height: 16px;
  display: inline-flex;
  transition: all 450ms ease-in-out;
}
.plp-main-left .plp-filter-section section .show-more {
  display: flex;
  padding: 8px;
  align-items: center;
  gap: 4px;
  color: #006EFF;
  font-family: Heebo;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.14px;
  cursor: pointer;
}
.plp-main-left .plp-filter-section section .show-more i {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="16" viewBox="0 0 17 16" fill="none"><path d="M8.50007 11.1263C8.32931 11.1263 8.17864 11.061 8.04806 10.9254L4.22105 7.01297C4.11056 6.90248 4.05029 6.76186 4.05029 6.60114C4.05029 6.27469 4.30643 6.01855 4.63288 6.01855C4.7936 6.01855 4.93924 6.08384 5.05476 6.19434L8.50007 9.72503L11.9454 6.19434C12.0559 6.08384 12.2065 6.01855 12.3673 6.01855C12.6887 6.01855 12.9448 6.27469 12.9448 6.60114C12.9448 6.76688 12.8896 6.90248 12.7791 7.01297L8.95208 10.9254C8.82652 11.061 8.67083 11.1263 8.50007 11.1263Z" fill="%23006EFF"/></svg>');
  width: 16px;
  height: 16px;
  display: block;
  transition: all 450ms ease-in-out;
}
.plp-main-left .plp-filter-section section .show-more.active i {
  transform: rotate(180deg);
  transition: all 450ms ease-in-out;
}
.plp-main-left .plp-filter-section section .filter-item {
  display: flex;
  padding: 8px;
  align-self: stretch;
  align-items: center;
  color: #737B7D;
  opacity: 1;
}
.plp-main-left .plp-filter-section section .filter-item:first-child {
  margin-top: 8px;
}
.plp-main-left .plp-filter-section section .filter-item:nth-child(6) ~ div:not(.show-more) {
  display: none;
}
.plp-main-left .plp-filter-section section .filter-item.disabled input {
  background-color: #CFD2D5;
  border-color: #B6BFC1;
}
.plp-main-left .plp-filter-section section .filter-item label {
  margin: 0 4px;
}
.plp-main-left .plp-filter-section section .filter-item span {
  color: #B6BFC1;
  font-family: Heebo;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: var(--Main-System-16px, 16px);
  letter-spacing: 0.42px;
}
.plp-main-right {
  max-width: 1093px;
  width: 100%;
  overflow: inherit;
}
.plp-main-right-sorting {
  display: flex;
  justify-content: space-between;
  height: 32px;
  margin-bottom: 12px;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .plp-main-right-sorting {
    margin-bottom: 24px;
  }
}
.plp-main-right-sorting .pages-count {
  font-family: Heebo;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: var(--Main-System-16px, 16px);
  letter-spacing: 0.42px;
  color: #B6BFC1;
}
@media screen and (max-width: 767px) {
  .plp-main-right-sorting .pages-count {
    color: #B6BFC1;
    font-family: Heebo;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.42px;
  }
}

.pagenation {
  display: flex;
  justify-content: center;
  margin-bottom: 120px;
  overflow: auto;
}
@media screen and (max-width: 767px) {
  .pagenation {
    margin-bottom: 40px;
  }
}

.filter-items {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
  margin-top: -8px;
}
.filter-items div {
  align-items: center;
  display: inline-flex;
  border-radius: 2px;
  border: 1px solid #CFD2D5;
  background: #FFF;
  padding: 2px 8px;
  cursor: pointer;
}
.filter-items div span {
  color: #434447;
  font-family: Heebo;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  margin-right: 4px;
}
.filter-items div i {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="12" viewBox="0 0 13 12" fill="none"><path d="M3.35714 10C3.60476 10 3.81429 9.91408 3.97619 9.74224L6.49048 7.22196L9.01429 9.74224C9.17619 9.90453 9.37619 10 9.63333 10C10.1095 10 10.4905 9.61814 10.4905 9.13126C10.4905 8.90215 10.3952 8.69212 10.2333 8.52983L7.70952 6L10.2429 3.46062C10.4143 3.28878 10.5 3.08831 10.5 2.85919C10.5 2.38186 10.119 2 9.64286 2C9.40476 2 9.21429 2.08592 9.03333 2.2673L6.49048 4.79714L3.96667 2.27685C3.80476 2.10501 3.60476 2.01909 3.35714 2.01909C2.88095 2.01909 2.5 2.39141 2.5 2.86874C2.5 3.09785 2.59524 3.30788 2.75714 3.47017L5.28095 6L2.75714 8.53938C2.59524 8.69212 2.5 8.90215 2.5 9.13126C2.5 9.61814 2.88095 10 3.35714 10Z" fill="%23434447"/></svg>');
  width: 12px;
  height: 12px;
  display: block;
}

.search_result_empty.top .search-empty {
  display: flex;
  justify-content: center;
  margin-top: 32px;
  margin-bottom: 120px;
}
.search_result_empty.top .search-empty .empty-log {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.search_result_empty.top .search-empty .empty-log img {
  width: 240px;
  margin-bottom: 24px;
}
.search_result_empty.top .search-empty .empty-log span {
  color: #000;
  text-align: center;
  font-family: Heebo;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.72px;
}
.search_result_empty.top .search-empty .empty-log p {
  margin-top: 8px;
  color: #4D4D4D;
  text-align: center;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
}
.search_result_empty.bottom {
  background: #F6F7F9;
  max-width: 1472px;
  margin: 0 auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}

.search-related {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 120px;
}
.search-related h4 {
  color: #434447;
  font-family: Heebo;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.72px;
  margin: 0;
}
.search-related .search-related-key {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: space-between;
}
.search-related .search-related-key .search-item {
  flex-direction: row;
  background: var(--Gray-scale-30_BG-for-Content, #F6F7F9);
  max-width: calc(25% - 16px);
  display: flex;
  align-items: center;
  padding: 16px 24px;
  gap: 24px;
  width: 100%;
}
.search-related .search-related-key .search-item i {
  width: 32px;
  height: 32px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><path d="M12.6 21.0335C10.1964 21.0335 8.16217 20.2001 6.4973 18.5335C4.83243 16.8668 4 14.8557 4 12.5001C4 10.1446 4.83333 8.13346 6.5 6.4668C8.16667 4.80013 10.1833 3.9668 12.55 3.9668C14.9167 3.9668 16.9278 4.80013 18.5833 6.4668C20.2389 8.13346 21.0667 10.1462 21.0667 12.5051C21.0667 13.4574 20.9111 14.3779 20.6 15.2668C20.2889 16.1557 19.8222 16.989 19.2 17.7668L27.2667 25.7668C27.4667 25.9569 27.5667 26.1989 27.5667 26.4927C27.5667 26.7866 27.4667 27.0335 27.2667 27.2335C27.0667 27.4335 26.8198 27.5335 26.5259 27.5335C26.2321 27.5335 25.9901 27.4335 25.8 27.2335L17.7667 19.2001C17.1 19.7779 16.3227 20.2279 15.4347 20.5501C14.5467 20.8724 13.6018 21.0335 12.6 21.0335ZM12.5667 19.0335C14.3722 19.0335 15.9069 18.3946 17.1708 17.1168C18.4347 15.839 19.0667 14.3001 19.0667 12.5001C19.0667 10.7001 18.4347 9.16124 17.1708 7.88346C15.9069 6.60569 14.3722 5.9668 12.5667 5.9668C10.7426 5.9668 9.19213 6.60569 7.91527 7.88346C6.63842 9.16124 6 10.7001 6 12.5001C6 14.3001 6.63842 15.839 7.91527 17.1168C9.19213 18.3946 10.7426 19.0335 12.5667 19.0335Z" fill="%23434447"/></svg>');
}

.hide {
  display: none !important;
}

.productListing.searchResultPage ~ .feature-product.cards {
  display: none;
}

body.one-row-type .plp-main-right {
  max-width: 100%;
}
body.one-row-type .plp-main-right .product_list_item {
  width: 25%;
}
body.one-row-type .feature-product.cards {
  display: block !important;
}

.only-show-mobil {
  display: none;
}

.plp-main-left {
  margin-bottom: 120px;
}
@media screen and (max-width: 767px) {
  .plp-main-left {
    margin-bottom: 0;
  }
}

body.filter-show {
  height: 100vh;
  overflow: hidden;
}

.plp-filter-outer.active {
  position: fixed;
  z-index: 999;
  width: 100vw;
  height: calc(100vh - 60px);
  bottom: 0;
  left: 0;
  background: #fff;
  display: none;
}
body.filter-show .plp-filter-outer.active {
  display: block;
}
.plp-filter-outer.active .only-show-mobil.title {
  display: flex;
  padding: 16px 20px;
  align-items: center;
  gap: 16px;
  justify-content: space-between;
  border-bottom: 2px solid #CFD2D5;
}
.plp-filter-outer.active .only-show-mobil.title span:first-child {
  color: #000;
  font-family: Heebo;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
}
.plp-filter-outer.active .only-show-mobil.title span:last-child {
  width: 32px;
  height: 32px;
  display: block;
  background-image: url('data:image/svg+xml,<svg width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.51116 14.2467C0.0792404 13.8147 0.0892851 13.0815 0.51116 12.6596L5.4029 7.75781L0.51116 2.86607C0.0892851 2.4442 0.0792404 1.71094 0.51116 1.27902C0.94308 0.847097 1.67634 0.857142 2.09821 1.26897L7 6.17076L11.8917 1.27902C12.3136 0.857142 13.0469 0.847097 13.4788 1.27902C13.9107 1.71094 13.9007 2.4442 13.4788 2.86607L8.58705 7.75781L13.4788 12.6596C13.9007 13.0815 13.9107 13.8147 13.4788 14.2467C13.0469 14.6786 12.3136 14.6685 11.8917 14.2467L7 9.35491L2.09821 14.2467C1.67634 14.6685 0.94308 14.6786 0.51116 14.2467Z" fill="%23434447"/></svg>');
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center;
}
.plp-filter-outer.active .plp-filter-section {
  height: calc(100% - 132px);
  overflow: auto;
  padding: 24px 20px;
}
.plp-filter-outer.active .only-show-mobil.button {
  display: flex;
  padding: 16px 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  border-top: 1px solid #CFD2D5;
  box-sizing: border-box;
}
.plp-filter-outer.active .only-show-mobil.button .filterClose {
  display: flex;
  height: 40px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  border-radius: 2px;
  background: #F39800;
  width: 100%;
  color: #FFF;
  text-align: center;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.16px;
}

@keyframes shownum {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.8;
  }
}
.plp-banner-area {
  display: flex;
  gap: 20px;
  margin-bottom: 48px;
}
@media screen and (max-width: 767px) {
  .plp-banner-area {
    width: calc(100vw - 20px);
    overflow: scroll;
    flex-direction: row;
    margin-bottom: 32px;
  }
}
.plp-banner-area .plp-banner-item {
  position: relative;
  max-width: 724px;
}
.plp-banner-area .plp-banner-item::after {
  display: none;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #004280;
  z-index: 1;
  animation: shownum 0.5s forwards;
  cursor: pointer;
  pointer-events: none;
}
.plp-banner-area .plp-banner-item:hover::after {
  display: block;
}
.plp-banner-area .plp-banner-item img {
  width: 100%;
  min-height: 216px;
  object-fit: contain;
  object-position: center;
  object-position: bottom;
  background: linear-gradient(to bottom, #3272e1 0%, #3388de 20%, #3388de 70%);
}
@media screen and (max-width: 767px) {
  .plp-banner-area .plp-banner-item img {
    width: auto;
    max-width: 300px;
  }
}
.plp-banner-area .plp-banner-item p {
  position: absolute;
  color: #FFF;
  font-family: Heebo;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  max-width: 291px;
  top: 32px;
  left: 32px;
  margin: 0;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .plp-banner-area .plp-banner-item p {
    font-size: 22px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: -0.66px;
    top: 40px;
    left: 20px;
  }
}
.plp-banner-area .plp-banner-item a {
  position: absolute;
  left: 32px;
  bottom: 34px;
  display: flex;
  align-items: center;
  gap: 2px;
  text-decoration: none;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .plp-banner-area .plp-banner-item a {
    left: 20px;
    bottom: 40px;
    top: auto;
  }
}
.plp-banner-area .plp-banner-item a span {
  color: #FFF;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.plp-banner-area .plp-banner-item a i {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M19.1191 11.5531C19.1191 11.7791 19.0212 11.9976 18.8479 12.1633L13.8758 17.1279C13.695 17.3011 13.4992 17.384 13.2882 17.384C12.8211 17.384 12.4821 17.045 12.4821 16.593C12.4821 16.3594 12.5725 16.156 12.7232 16.0129L14.4107 14.3028L16.6331 12.2688L14.8778 12.3742H5.71708C5.21987 12.3742 4.88086 12.0352 4.88086 11.5531C4.88086 11.0634 5.21987 10.7319 5.71708 10.7319H14.8778L16.6256 10.8374L14.4107 8.80336L12.7232 7.09326C12.5725 6.94259 12.4821 6.73919 12.4821 6.50565C12.4821 6.05364 12.8211 5.72217 13.2882 5.72217C13.4992 5.72217 13.7026 5.7975 13.8909 5.98584L18.8479 10.9429C19.0212 11.1011 19.1191 11.3271 19.1191 11.5531Z" fill="white"/></svg>');
  width: 24px;
  height: 24px;
  display: block;
  background-size: contain;
}
.plp-banner-area .plp-banner-item .plp-banner-item-link {
  position: static;
}

.plp-banner-item {
  position: relative;
  max-width: fit-content;
}
.plp-banner-item p {
  position: absolute;
  color: #003160;
  font-family: Heebo;
  font-size: 41.716px;
  font-style: normal;
  font-weight: 300;
  line-height: 55.622px;
  letter-spacing: 1.251px;
  top: 19px;
  left: 18px;
}
.plp-banner-item a {
  color: #003160;
  font-family: Heebo;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  position: absolute;
  top: 135px;
  left: 18px;
  display: flex;
  align-items: center;
  gap: 2px;
  text-decoration: none;
}
.plp-banner-item a span {
  color: #003160;
  font-family: Heebo;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
}
.plp-banner-item a i {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="29" height="29" viewBox="0 0 29 29" fill="none"><path d="M22.5128 14.0087C22.5128 14.2706 22.3993 14.5238 22.1985 14.7158L16.4369 20.4687C16.2274 20.6695 16.0004 20.7655 15.756 20.7655C15.2148 20.7655 14.8219 20.3727 14.8219 19.8489C14.8219 19.5783 14.9267 19.3426 15.1013 19.1767L17.0567 17.1951L19.632 14.838L17.598 14.9603H6.98267C6.40651 14.9603 6.01367 14.5674 6.01367 14.0087C6.01367 13.4413 6.40651 13.0572 6.98267 13.0572H17.598L19.6232 13.1794L17.0567 10.8224L15.1013 8.84075C14.9267 8.66616 14.8219 8.43046 14.8219 8.15984C14.8219 7.63606 15.2148 7.25195 15.756 7.25195C16.0004 7.25195 16.2361 7.33925 16.4544 7.55749L22.1985 13.3016C22.3993 13.4849 22.5128 13.7468 22.5128 14.0087Z" fill="%23003160"/></svg>');
  width: 24px;
  height: 24px;
  display: block;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .hide-for-mobile {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .hide-for-pc {
    display: none;
  }
}

.plp-left-banner-area.hide-for-pc {
  margin-bottom: 12px;
}

/*.searchResultPage .sorting {*/
/*  display: none !important;*/
/*}*/

/*# sourceMappingURL=plp.css.map */