.search input {
  border: 1px solid rgba(51, 51, 51, 0.3);
  border-radius: 0.375rem;
  padding-right: 40px !important;
}

.search input::placeholder {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.419);
}

.sidebar .content .accordion-button:not(.collapsed) {
  background-color: #eeeeee !important;
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.sidebar .content .accordion-button {
  border-radius: 5px !important;
}

.price-filter .price-filter-range {
  background-color: rgb(216, 216, 216);
}
.price-filter .price-filter-range .ui-slider-range {
  background-color: #fa3838;
}
.price-filter .price-filter-range .ui-slider-handle {
  border-radius: 50px;
  background: #ffffff;
  border: 4px solid #fa3838;
  cursor: pointer;
}
.price-filter #min_price,
.price-filter #max_price {
  -moz-appearance: textfield;
}
.price-filter #min_price::-webkit-inner-spin-button,
.price-filter #min_price::-webkit-outer-spin-button,
.price-filter #max_price::-webkit-inner-spin-button,
.price-filter #max_price::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.price-filter input {
  border-top: unset !important;
    border-right: unset !important;

      border-left: unset !important;

  border-bottom: 1px solid rgba(51, 51, 51, 0.3) !important;
}

.price-filter .btn-success {
  padding: 8px 16px;
  background-color: #141517;
  color: white;
  transition: 0.5s ease-in-out;
  border: 1px solid #141517;
}

.price-filter .btn-success:hover {
  background-color: transparent;
  color: #141517;
}

.product-details .information .size .size-radio,
.mobile-of-filter .size-radio {
  display: none;
}

.product-details .information .size .size-label,
.mobile-of-filter .size-label {
  width: max-content;
  border-radius: 5px;
  display: inline-block;
  padding: 5px 10px 2px;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid rgba(221, 221, 221, 1);
  transition: all 0.3s ease;
  text-align: center;
}

.product-details .information .size .size-radio:checked + .size-label,
.mobile-of-filter .size-radio:checked + .size-label {
  background-color: #141517 !important;
  color: white;
}

.product-details .information .color .color-label .colorIcon {
  width: 35px;
  height: 35px;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.084);
}

.product-details .information .color .color-radio:checked + .color-label span {
  border: 2px solid #ffffff !important;
  box-shadow: 0 0 0 1px rgba(51, 51, 51, 0.3);
}

.product-details .information .color .color-radio {
  display: none;
  /* Hide the default radio input */
}

/* .color-choose .form-check label span {
  margin-right: 10px;
} */

.sort-by select {
  background-position: left;
}

.react-sugest .filter-1 {
  background-color: #ffffff;
  width: max-content;
  border: 1px solid rgba(51, 51, 51, 0.3);
  padding: 4px 8px;
}

.react-sugest .color {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: blue;
}

.br-0 {
  filter: brightness(0);
}

.mob-sort-filter .btn-primary,
.sidebar .offcanvas-bottom .btn-2 {
  padding: 8px 16px;
  background-color: #f6f1eb;
  color: rgb(0, 0, 0);
  border: 1px solid #141517;
}

.sidebar .offcanvas-bottom .accordion-button:not(.collapsed) {
  background-color: #ffffff !important;
}

.sidebar .offcanvas-bottom .accordion-button {
  border-radius: 5px !important;
}

.mb-sor {
  background-color: #f6f1eb;
  color: rgb(0, 0, 0);
  border-radius: 5px;
}

.mb-sor select {
  background-color: #f6f1eb;
  color: rgb(0, 0, 0);
  appearance: unset !important;
  background-image: unset !important;
}

.max {
  width: max-content;
}

.mobile-of-filter .font-25 {
  font-size: 18px !important;
  font-family: bakh-bold;
}

.tire {
  background-color: #141517;
}

.danger-border {
  border: 1px solid red;
}

/*.category-index:last-child {*/
/*  display: none;*/
/*}*/

.badge-menu {
  width: 6px;
  height: 6px;
  background-color: #ed1944;
  border-radius: 50%;
}

.nav-badge-2 {
  border-radius: 50%;
  position: absolute;
  width: 12px;
  height: 12px;
  background-color: #ed1944;
  top: -6px;
  left: -7px;
}

.category-list-side .accordion-body {
  max-height: 200px;
  overflow-y: scroll;
}


.z-inf {
  z-index: 1000000000000;
}