.page-title {
  padding-top: 0 !important;
}

.products-filter-title {
  flex-shrink: 0;
  margin-top: -15px;
}

.product-box-price {
  font-size: 13px;
  font-weight: 400;
}

.btn-show-filters {
  background-color: transparent;
}

.btn-hide-filters-text::after,
.btn-show-filters-text::after {
  font-family: icomoon !important;
  font-size: 18px;
  color: rgba(0, 0, 0, 1);
  margin-left: 5px;
  vertical-align: sub;
}

.btn-hide-filters-text::after {
  content: '\f106' !important;
}

.btn-show-filters-text::after {
  content: '\f107' !important;
}

.btn-hide-filters-text span,
.btn-show-filters-text span {
  text-decoration: underline;
}

@media only screen and (min-width: 820px) {
  .products-filter {
    flex-wrap: nowrap !important;
  }

  .products-filter .select-group .input-group {
    max-width: 32%;
    justify-content: end;
  }

  .products-filter .select-group {
    display: flex !important;
    margin-left: auto !important;
    justify-content: flex-end !important;
    margin-top: 15px !important;

  }

  .show-filters i {
    position: relative !important;
    top: auto !important;
    transform: none !important;
    left: auto !important;
    margin-left: 10px;
    padding-right: 20px;
  }

}

@media only screen and (max-width: 820px) {
  .breadcrumb {
    margin-bottom: 10px !important;
  }

  .show-filters i {
    padding-right: 0px;
  }

  .products-filter .input-group.pagination {
    display: none !important;
  }

  #selectOrderFilter.no-border {
    background: transparent;
    height: 100%;
    width: 100%;
    max-width: 100%;
  }

  .products-filter {
    flex-wrap: wrap !important;
    flex-direction: column;
  }

  .products-filter .select-group .input-group {
    width: 100%;
    justify-content: center;
    background: var(--color-header-background);
    border-radius: 5px;
    height: 35px !important;
    padding: 0 5px;
    margin: 0;
  }

  .products-filter .select-group .input-group.show-filters {
    margin-right: 10px;
  }

  .products-filter .select-group .input-group.sort-by {
    margin-left: 10px;
  }

  .products-filter .select-group .show-filters button {
    background-color: transparent;
    width: 100%;
    height: 100%;
  }

  .products-filter .select-group {
    display: flex !important;
    margin-left: 0 !important;
    justify-content: center !important;
    margin-top: 40px !important;
    width: 100%;
    padding: 0 !important;
  }

  #selectOrderFilter::-ms-expand {
    display: none !important;
  }

  #selectOrderFilter {
    /* for Firefox */
    -moz-appearance: none;
    /* for Safari, Chrome, Opera */
    -webkit-appearance: none;
    position: absolute;
    text-align: center;
    width: 100% !important;
  }

  #selectOrderFilter::-webkit-inner-spin-button,
  #selectOrderFilter::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  .products-filter .select-group .input-group .input-group-addon {
    height: 100%;
    width: 100% !important;
  }
}

.products-filter .select-group .input-group .input-group-addon {
  display: flex !important;
  justify-content: center;
}

#modal-category-filter .modal-header {
  border: none !important;
  padding-bottom: 0;
  margin-left: 5px !important;
}

#modal-category-filter .modal-header>.title {
  width: 60%;
  float: left;
  margin-top: 5px;
  font-size: 17px;
}

#modal-category-filter .modal-header>.x {
  width: 40%;
}

#modal-category-filter .modal-footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  min-height: 50px;
  z-index: 1;
  background-color: #fff;
  border: none !important;
}

#modal-category-filter .modal-content {
  height: 100% !important;
  border: none !important;
  border-radius: 0 !important;
}

#modal-category-filter .modal-dialog {
  height: 100% !important;
  margin: 0 !important;
}

#modal-category-filter-content {
  overflow-y: auto;
  max-height: 77%;
  width: 100%;
}

#apply-filters {
  width: 100%;
  height: 100%;
  margin: 15px 0;
  padding: 15px;
  border-radius: 10px;
}

.mobile-header-active #modal-category-filter .modal-header>a::before {
  content: '\e981' !important;
  font-family: icomoon !important;
  font-size: 20px;
  color: rgba(255, 255, 255, 1);
  margin-right: 20px;
  content: '\e981' !important;
  font-family: icomoon !important;
  font-size: 20px;
  color: rgba(0, 0, 0, 1);
  float: right;
}

.pagination-bottom {
  width: 100%;
  font-size: 15px;
  font-weight: bold;
  margin: auto;
  max-width: fit-content;
}

.pagination-bottom a {
  text-decoration: none;
}

.pagination-bottom .navigation-arrow {
  width: 100%;
  display: flex;
  gap: 20px;
  margin-top: 40px;
}

.pagination-bottom .navigation-arrow .prev,
.pagination-bottom .navigation-arrow .next {
  width: 100%;
  background-color: #f7f7f7;
  color: black;
  padding: 20px;
}

.pagination-bottom .navigation-numbers {
  width: 100%;
  display: flex;
  gap: 10px;
  margin-top: 10px;
}

.pagination-bottom .navigation-numbers .number {
  background-color: #f7f7f7;
  color: black;
  padding: 15px;
}

.pagination-bottom .navigation-numbers .number.active {
  background-color: var(--color-main);
  color: white;
}




/* TESTE */
.product-filters__value-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  /* margin-left: -30px; */
}


.route-product-category-outlet .module-filter {
  display: none !important;
}

.route-product-category-outlet #content {
  padding-left: 40px !important;
}

.route-product-special #column-left .accordion-menu .j-menu span,
.route-product-category-outlet #column-left .accordion-menu .j-menu span {
  font-size: 17px !important;
  font-weight: 400 !important;
  color: rgba(91, 91, 91, 1) !important;
  line-height: 1.5 !important;
}

.route-product-special #column-left .accordion-menu .j-menu a,
.route-product-category-outlet #column-left .accordion-menu .j-menu a {
  padding: 3px 6px !important;
}

.route-product-category #column-left .accordion-menu .j-menu {
  padding-bottom: 25px !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  color: rgba(91, 91, 91, 1) !important;
}

.route-product-special #column-left .accordion-menu .j-menu {
  padding-left: 0 !important;
  padding-bottom: 25px !important;
}

.route-product-special.layout-32 #top {
  display: none;
}

.route-product-special.layout-32 .container {
  margin-top: 20px;
}

.route-product-category #modal-category-filter-content .accordion-menu .j-menu {
  padding-bottom: 20px !important;
  font-size: 17px !important;
}

.route-product-category .breadcrumb>li {
  display: inline !important;
}

.product-filters__value-list-item {
  align-items: center;
  display: flex;
  height: 65px;
  justify-content: center;
  margin-bottom: 8px;
  flex-direction: column;
}

.product-filters__value-input {
  height: 1px;
  opacity: .01;
  position: absolute;
  width: 1px;
}

.product-filters__value-label--swatch,
.product-filters__value-label--swatch {
  /* font: 400 13px/21px proxima-nova,Arial,sans-serif; */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: .25px;
  align-items: center;
  color: #000;
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  padding: 0;
}

@media only screen and (min-width: 768px) {
  .product-filters__value-label {
    /* font: 400 13px/21px proxima-nova,Arial,sans-serif; */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor: pointer;
    display: block;
    color: #272727;
    letter-spacing: .25px;
    /* padding: 6px 0 3px 32px; */
    position: relative;
    width: 100%;
    text-align: center;
    margin-top: 10px;
  }
}

.product-filters__value-input:checked+label .product-filters__value-swatch,
.product-filters__value-input:checked+label .product-filters__value-swatch {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.565 13.286a2.272 2.272 0 01-1.775-.893L.283 9.544a1.143 1.143 0 011.715-1.509l2.348 2.674a.287.287 0 00.42.009l9.258-9.648a1.144 1.144 0 011.657 1.575L6.307 12.51a2.219 2.219 0 01-1.742.775z' fill='%23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  box-shadow: none !important;
}

:checked+label .product-filters__value-swatch {
  box-shadow: inset 0 0 0 1px #949494, 0 0 0 1px #fff, 0 0 0 4px #cacaca;
}

/* .product-filters__value-swatch {
    height: 28px;
    margin-bottom: 4px;
    position: inherit;
    width: 28px;
  } */
.product-filters__value-swatch {
  height: 28px;
  margin-bottom: 4px;
  position: inherit;
  width: 28px;
  background-position: 50%;
  border-radius: 20px;
  /* box-shadow: inset 0 0 0 1px #949494; */
  color: transparent;
  display: inline-block;
  /* height: 20px;
    vertical-align: bottom;
    width: 20px; */
  bottom: 0;
  /* box-shadow: none; */
  left: 0;
  margin: auto 0;
  margin-bottom: auto;
  /* position: absolute; */
  top: 0;
}

a.next::before {
  content: "\e5c8";
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}

a.prev::before {
  content: "\e5c4";
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}

@media only screen and (max-width: 820px) {
  .products-filter {
    margin-bottom: 10px !important;
    padding-top: 0px !important;
    padding-right: 10px !important;
    align-items: flex-start !important;
  }
}

@media only screen and (min-width: 820px) {
  #content .products-filter {
    margin: -40px 8px 0 0 !important;
    padding: 0 !important;
    max-width: 1800px;
  }

  #content .products-filter .select-group {
    padding: 0 !important;
  }

  #content .products-filter .select-group .input-group {
    margin: 0 !important;
  }

  .container>.products-filter {
    margin-bottom: 0px !important;
    padding: 0 10px !important;
    max-width: 1800p
  }

  .modal.left .modal-dialog {
    position: fixed;
    left: 0;
    width: 100%;
    margin: auto;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
  }

  #modal-category-filter.modal.left .modal-content {
    height: 100%;
  }

  #modal-category-filter .module-filter-36 .panel-group .panel-active .panel-heading a.collapsed::before {
    content: '\f107' !important;
    font-family: icomoon !important;
    font-size: 22px;
    color: rgba(0, 0, 0, 1);
    top: -1px;
  }

  .modal.right .modal-body {
    padding: 15px 15px 80px;
  }

  .modal.right.fade .modal-dialog {
    left: -320px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out;
  }

  .modal.right.fade.show .modal-dialog {
    left: 0;
  }

  /* ----- MODAL STYLE ----- */
  .modal-content {
    border-radius: 0;
    border: none;
  }

  .right {
    float: right;
  }
}

.active {
  font-weight: bold;
  color: rgb(0, 0, 0) !important;
}