.elementor-27290 .elementor-element.elementor-element-c6acf48{--display:flex;--min-height:541px;}.elementor-27290 .elementor-element.elementor-element-98dcc44 > .elementor-widget-container{margin:200px 0px 0px 0px;}.elementor-27290 .elementor-element.elementor-element-98dcc44 .elementor-button{fill:#000000;color:#000000;}#elementor-popup-modal-27290 .dialog-widget-content{animation-duration:0.7s;background-color:#12171F;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-27290{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-27290 .dialog-message{width:430px;height:auto;}#elementor-popup-modal-27290 .dialog-close-button{display:flex;}@media(max-width:767px){#elementor-popup-modal-27290 .dialog-message{width:92vw;}}/* Start custom CSS for container, class: .elementor-element-c6acf48 *//* ==========================================
   BIKE GARAGE — SORT POPUP
========================================== */

.elementor-27290 .elementor-element.elementor-element-c6acf48 {
  width: 100% !important;
  height: auto !important;
  min-height: 60 !important;

  padding: 28px !important;

  background: #12171f !important;
  color: #ffffff !important;

  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 22px !important;

  overflow: hidden !important;
}

/* Remove unnecessary Elementor heights */
.elementor-27290 .elementor-element.elementor-element-c6acf48 .e-con,
.elementor-27290 .elementor-element.elementor-element-c6acf48 .elementor-widget,
.elementor-27290 .elementor-element.elementor-element-c6acf48 .elementor-widget-container {
  min-height: 0 !important;
}

/* Sort field */
.elementor-27290 .elementor-element.elementor-element-c6acf48 .tbg-sort-field {
  width: 100% !important;

  margin: 0 0 22px !important;
  padding: 2px !important;

  background: # !important;

}

/* Sort By heading */
.elementor-27290 .elementor-element.elementor-element-c6acf48 .tbg-sort-field .search-filter-field__label,
.elementor-27290 .elementor-element.elementor-element-c6acf48 .tbg-sort-field .search-filter-field > label,
.elementor-27290 .elementor-element.elementor-element-c6acf48 .tbg-sort-field legend {
  display: block !important;

  margin: 0 0 16px !important;
  padding: 0 !important;

  color: #ffffff !important;

  font-family: "Lato", Arial, sans-serif !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}



/* Individual sort option */
.elementor-27290 .elementor-element.elementor-element-c6acf48 .tbg-sort-option {
  position: relative !important;

  width: 100% !important;
  min-height: 50px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;

  margin: 0 !important;
  padding: 0 18px !important;

  background: #222c38 !important;
  color: #ffffff !important;

  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 11px !important;

  box-shadow: none !important;
  outline: none !important;

  font-family: "Lato", Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  text-align: left !important;

  cursor: pointer !important;

  transition:
    background-color 0.18s ease,
    color 0.18s ease,
    border-color 0.18s ease,
    transform 0.18s ease !important;
}

/* Circle indicator */
.elementor-27290 .elementor-element.elementor-element-c6acf48 .tbg-sort-option::after {
  content: "" !important;

  width: 16px !important;
  height: 16px !important;

  flex: 0 0 16px !important;

  background: transparent !important;

  border: 2px solid rgba(255, 255, 255, 0.45) !important;
  border-radius: 50% !important;

  box-shadow: none !important;
}

/* Hover */
.elementor-27290 .elementor-element.elementor-element-c6acf48 .tbg-sort-option:hover {
  background: #293544 !important;

  border-color: rgba(255, 255, 255, 0.38) !important;

  transform: translateY(-1px) !important;
}

/* Selected option */
.elementor-27290 .elementor-element.elementor-element-c6acf48 .tbg-sort-option.is-selected {
  background: #f5e900 !important;
  color: #12171f !important;

  border-color: #f5e900 !important;

  font-weight: 900 !important;

  box-shadow: 0 0 0 3px rgba(245, 233, 0, 0.12) !important;
}

.elementor-27290 .elementor-element.elementor-element-c6acf48 .tbg-sort-option.is-selected::after {
  background: #12171f !important;

  border: 4px solid #f5e900 !important;

  box-shadow: 0 0 0 2px #12171f !important;
}

/* View Products button */
.elementor-27290 .elementor-element.elementor-element-c6acf48 .tbg-sort-view {
  width: 100% !important;

  margin: 0 !important;
}

.elementor-27290 .elementor-element.elementor-element-c6acf48 .tbg-sort-view .elementor-button {
  width: 100% !important;
  min-height: 52px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 0 28px !important;

  background: #f5e900 !important;
  color: #12171f !important;

  border: 1px solid #f5e900 !important;
  border-radius: 999px !important;

  box-shadow: none !important;

  font-family: "Lato", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;

  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    transform 0.2s ease !important;
}

.elementor-27290 .elementor-element.elementor-element-c6acf48 .tbg-sort-view .elementor-button:hover {
  background: #ffffff !important;
  color: #12171f !important;

  border-color: #ffffff !important;

  transform: translateY(-1px) !important;
}

/* Mobile */
@media only screen and (max-width: 767px) {
  .elementor-27290 .elementor-element.elementor-element-c6acf48 {
    width: 92vw !important;

    padding: 18px !important;

    border-radius: 18px !important;
  }

  .elementor-27290 .elementor-element.elementor-element-c6acf48 .tbg-sort-field {
    padding: 16px !important;
  }

  .elementor-27290 .elementor-element.elementor-element-c6acf48 .tbg-sort-option {
    min-height: 48px !important;

    padding: 0 15px !important;

    font-size: 13px !important;
  }
}/* End custom CSS */