.btr-smart-filter{width:min(100%,440px);max-width:440px;margin:15px auto 0;padding:7px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:1px solid #e0e6df;border-radius:14px;background:#fff;box-shadow:0 8px 20px rgba(31,54,40,.04)}
.btr-smart-filter__field{display:flex;align-items:center;gap:7px;min-width:0;padding:0 9px;border-bottom:1px solid #edf0ec}
.btr-smart-filter__field:nth-of-type(1){border-right:1px solid #edf0ec}
.btr-smart-filter__field:nth-of-type(3){grid-column:1/-1;border-right:0}
.btr-smart-filter__icon{flex:0 0 auto;color:#6f8a72;font-size:10px}
.btr-smart-filter select{width:100%;min-width:0;height:42px;padding:0 20px 0 0;border:0;outline:0;background:transparent;color:#314139;font-size:12px}
.btr-smart-filter__submit{grid-column:1/-1;width:min(100%,280px);height:42px;margin:7px auto 0;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:10px;background:#6e8468;color:#fff;font-size:12.5px;font-weight:650}
.btr-feature-hero{padding-top:20px!important;padding-bottom:18px!important}
.btr-feature-hero p{margin-top:8px!important;line-height:1.45!important}
.btr-feature-hero__count{margin-top:9px!important}
.btr-feature-results{padding-top:18px!important}
.btr-feature-results__head{align-items:center!important;margin-bottom:10px!important}
.btr-feature-results__head .btr-results-label{margin:0;color:#728078;font-size:9px;font-weight:650;text-transform:uppercase;letter-spacing:.08em}
.btr-location-taxonomy .btr-smart-filter,.dest-results--selected .btr-smart-filter{margin-left:auto;margin-right:auto}
.dest-results--selected .btr-smart-filter{margin-top:12px;margin-bottom:16px}
.btr-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.btr-archive-filter-strip{padding:14px 0 16px;background:#f8f7f2;border-bottom:1px solid #ecebe5}
.btr-archive-filter-strip .btr-smart-filter{margin-top:0;margin-left:auto;margin-right:auto}

/* ==========================================================
   Smart filter mobile picker integration v196
   Reuses the same bottom-sheet picker as the homepage search.
   ========================================================== */
@media (max-width: 820px) {
  .btr-smart-filter .btr-mobile-native-select {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .btr-smart-filter .btr-mobile-select-trigger {
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 42px !important;
    padding: 0 24px 0 0 !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: #657168 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: left !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    cursor: pointer !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .btr-smart-filter .btr-mobile-select-trigger.has-value {
    color: #314139 !important;
    font-weight: 600 !important;
  }

  .btr-smart-filter .btr-mobile-select-trigger::after {
    content: "" !important;
    position: absolute !important;
    right: 2px !important;
    top: 50% !important;
    width: 7px !important;
    height: 7px !important;
    border-right: 1.5px solid #607168 !important;
    border-bottom: 1.5px solid #607168 !important;
    transform: translateY(-68%) rotate(45deg) !important;
    pointer-events: none !important;
  }

  .btr-smart-filter__field {
    position: relative !important;
  }
}
