.sitepart.stc-filter {
  width: 100% !important;
}

/* Center the block + spacing */
.sitepart.stc-filter .stc-filter-inner {
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
}

/* Main bar */
.sitepart.stc-filter .stc-filter-ui {
  margin-top: 24px !important;
  background: #fff !important;
  border-radius: var(--br-keyfact) !important;
  padding: 10px 12px !important;
  box-shadow: 0 10px 26px rgba(0, 0, 0, .08) !important;
  border: 1px solid rgba(0, 0, 0, .06) !important;
}

/* Form layout */
.sitepart.stc-filter .stc-filter-form {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: nowrap !important;
  margin: 0 !important;
}

/* Rows */
.sitepart.stc-filter .stc-filter-row {
  flex: 1 1 0 !important;
  margin: 0 !important;
  position: relative !important; /* required for chevron */
}

/* Select styling */
.sitepart.stc-filter .stc-filter-row select {
  width: 100% !important;
  height: 40px !important;
  border-radius: var(--br-keyfact) !important;
  border: 1px solid rgba(0, 0, 0, .10) !important;
  background-color: #f5f7fb !important;
  padding: 0 42px 0 16px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #339933 !important;
  outline: none !important;

  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;

  background-image: none !important; /* remove native/icon background */
}

/* Chevron (15x8) */
.sitepart.stc-filter .stc-filter-row::after {
  content: "" !important;
  position: absolute !important;
  right: 14px !important;
  top: 50% !important;
  width: 15px !important;
  height: 8px !important;
  transform: translateY(-50%) rotate(0deg) !important;
  transform-origin: center !important;
  transition: transform 0.22s ease !important;
  pointer-events: none !important;
  z-index: 2 !important;

  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 15px 8px !important;

  /* Chevron stroke (not a filled triangle, not a checkmark) */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='8' viewBox='0 0 15 8'%3E%3Cpath d='M1 1l6.5 6L14 1' fill='none' stroke='%23339933' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

/* Rotate chevron when opened (JS toggles .is-open on row) */
.sitepart.stc-filter .stc-filter-row.is-open::after {
  transform: translateY(-50%) rotate(180deg) !important;
}

.sitepart.stc-filter .stc-filter-row select:focus {
  border-color: rgba(51, 153, 51, .55) !important;
  box-shadow: 0 0 0 4px rgba(51, 153, 51, .14) !important;
}

/* Actions */
.sitepart.stc-filter .stc-filter-actions {
  margin-left: auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* Buttons */
.sitepart.stc-filter #stcFilterResetBtn,
.sitepart.stc-filter #stcStartSearchBtn {
  height: 40px !important;
  min-width: 140px !important;
  border-radius: var(--br-keyfact) !important;
  border: 0 !important;
  background: #339933 !important;
  color: transparent !important;
  font-size: 0 !important;
  cursor: pointer !important;
  box-shadow: 0 10px 22px rgba(51, 153, 51, .22) !important;
  position: relative !important;
  padding: 0 35px !important;
}

.sitepart.stc-filter #stcFilterResetBtn::after {
  content: "Reset" !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 40px !important;
}

.sitepart.stc-filter #stcStartSearchBtn::after {
  content: "Start search" !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 40px !important;
}

.sitepart.stc-filter #stcFilterResetBtn:hover,
.sitepart.stc-filter #stcStartSearchBtn:hover {
  filter: brightness(.95) !important;
}

.sitepart.stc-filter #stcFilterResetBtn:active,
.sitepart.stc-filter #stcStartSearchBtn:active {
  transform: translateY(1px) !important;
}

/* Hide status/results */
.sitepart.stc-filter .stc-filter-status,
.sitepart.stc-filter .stc-filter-results {
  display: none !important;
}




body.home #slider-title {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

body.home #slider-title .sitepart.stc-filter {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  margin-top: 150px !important;
}

body.home #slider-title .sitepart.stc-filter .stc-filter-inner {
  width: 100% !important;
  max-width: 1400px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

body.home #slider-title
.sitepart.stc-filter
.stc-filter-inner::before {
  content: "Find your propeller..." !important;
  display: block !important;
  text-align: center !important;
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: 18px !important;
  font-weight: var(--fw-regular) !important;
  font-family: var(--ff-body) !important;
  line-height: 1.4 !important;
  margin: 0 0 10px 0 !important;
}

body.home #slider-title .sitepart.stc-filter .stc-filter-ui {
  background: transparent !important;
  border: 2px solid rgba(255, 255, 255, .85) !important;
  border-radius: var(--br-keyfact) !important;
  box-shadow: none !important;
  padding: 12px !important;
}

body.home #slider-title .sitepart.stc-filter .stc-filter-row select {
  background-color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, .9) !important;
  border-radius: var(--br-keyfact) !important;
  font-size: 18px !important;
  font-weight: var(--fw-regular) !important;
  font-family: var(--ff-body) !important;

  background-image: none !important; /* keep chevron from ::after only */
}

body.home #slider-title .sitepart.stc-filter #stcFilterResetBtn,
body.home #slider-title .sitepart.stc-filter #stcStartSearchBtn {
  border-radius: var(--br-keyfact) !important;
  padding: 0 35px !important;
}

body.home #slider-title .sitepart.stc-filter #stcStartSearchBtn::after {
  font-size: 18px !important;
  font-weight: var(--fw-regular) !important;
  font-family: var(--ff-body) !important;
}




/* Responsive */
@media (max-width: 900px) {
  .sitepart.stc-filter .stc-filter-form {
    flex-wrap: wrap !important;
  }

  .sitepart.stc-filter .stc-filter-row {
    flex: 1 1 220px !important;
  }

  .sitepart.stc-filter .stc-filter-actions {
    width: 100% !important;
    margin-left: 0 !important;
  }

  .sitepart.stc-filter #stcFilterResetBtn,
  .sitepart.stc-filter #stcStartSearchBtn {
    width: 100% !important;
  }
}



@media (max-width: 650px) {

    body.home #slider-title .sitepart.stc-filter {
        margin-top: 80px !important;
    }

    .home #slider-title .slider-title-content h1 {
        font-size: 26px !important;
        line-height: 1.2 !important;
    }

    .home #slider-title 
    .slider-title-content-subtitle div,
    .home #slider-title 
    .slider-title-content-subtitle p {
        font-size: 15px !important;
        line-height: 1.4 !important;
    }

    body.home #slider-title
    .sitepart.stc-filter
    .stc-filter-inner::before {
        font-size: 15px !important;
        margin-bottom: 8px !important;
    }
}



@media (max-width: 500px) {

    /* spacing */
    body.home #slider-title .sitepart.stc-filter {
        margin-top: 24px !important;
    }

    /* title */
    .home #slider-title .slider-title-content h1 {
        font-size: 18px !important;
        line-height: 1.25 !important;
    }

    /* subtitle */
    .home #slider-title 
    .slider-title-content-subtitle div,
    .home #slider-title 
    .slider-title-content-subtitle p {
        font-size: 12px !important;
        line-height: 1.35 !important;
    }

    /* filter label ("Find your propeller...") */
    body.home #slider-title
    .sitepart.stc-filter
    .stc-filter-inner::before {
        font-size: 12px !important;
        margin-bottom: 6px !important;
    }

    /* selects */
    body.home #slider-title 
    .sitepart.stc-filter 
    .stc-filter-row select {
        font-size: 14px !important;
        height: 36px !important;
        padding: 0 36px 0 14px !important;
    }

    /* buttons text */
    body.home #slider-title 
    .sitepart.stc-filter 
    #stcStartSearchBtn::after,
    body.home #slider-title 
    .sitepart.stc-filter 
    #stcFilterResetBtn::after {
        font-size: 14px !important;
        line-height: 36px !important;
    }

    /* buttons height */
    body.home #slider-title 
    .sitepart.stc-filter 
    #stcStartSearchBtn,
    body.home #slider-title 
    .sitepart.stc-filter 
    #stcFilterResetBtn {
        height: 36px !important;
        min-width: 120px !important;
    }
}