/* HERO */
  .hero {
    position: relative;
    background: url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1920&q=80') center/cover no-repeat;
    height: 420px; display:flex; align-items:center; justify-content:center; color:#fff; text-align:center;
  }
  .hero::after { content:""; position:absolute; inset:0; background:rgba(0,0,0,0.45); }
  .hero-text { position:relative; z-index:2; }
  .hero-text h1 { font-size:32px; margin-bottom:8px; }
  .hero-text p { font-size:14px; opacity:.9; }

  /* SEARCH WRAPPER */
  .acc-search-wrapper { position:relative; top:-50px; z-index:5; padding:0 12px; }
  .acc-search-bar {
    background:#fff; border-radius:12px; box-shadow:0 10px 25px rgba(0,0,0,0.15);
    padding:14px; max-width:1100px; margin:0 auto;
    /* allow visible dropdowns positioned outside inner elements */
    overflow: visible;
  }

  /* shared field style */
  .acc-search-field {
    border:1px solid #ddd; border-radius:6px; padding:8px 12px; width:100%; font-size:15px;
    box-sizing: border-box;
  }
  .acc-search-field:focus { border-color:#07A597; box-shadow:0 0 5px rgba(7,165,151,0.25); outline:none; }

  .acc-btn-find { background:#07A597; color:#fff; font-weight:600; border-radius:6px; padding:8px 20px; width:100%; border:none; }
  .acc-btn-find:hover { background:#069885; }

  /* autocomplete */
  .acc-autocomplete-list {
    position:absolute; z-index:2500; background:#fff; border:1px solid #ddd; border-top:none;
    width:100%; border-radius:0 0 6px 6px; box-shadow:0 4px 8px rgba(0,0,0,0.1);
    max-height:260px; overflow-y:auto; box-sizing:border-box;
  }
  .acc-autocomplete-header { font-size:13px; text-transform:uppercase; color:#999; background:#f8f8f8; padding:6px 12px; border-bottom:1px solid #eee; font-weight:600; }
  .acc-autocomplete-item { padding:8px 12px; cursor:pointer; }
  .acc-autocomplete-item:hover { background:#f1f9f8; }
  .acc-highlight { color:#07A597; }

  /* CUSTOM SELECT (doesn't overflow) */
  .acc-select {
    position: relative;
    user-select: none;
  }
  .acc-select-button {
    display:flex; align-items:center; justify-content:space-between;
    cursor:pointer;
    border:1px solid #ddd; border-radius:6px; padding:8px 12px; background:#fff;
    min-height:40px; box-sizing:border-box;
  }
  .acc-select-button .label { color:#666; font-size:15px; }
  .acc-select-options {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 6px);
    z-index: 3000;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 8px 20px rgba(0,0,0,0.12);
    border-radius: 6px;
    max-height: 220px;
    overflow-y: auto;
    box-sizing: border-box;
  }
  .acc-select-options .opt {
    padding: 10px 12px; cursor: pointer;
  }
  .acc-select-options .opt:hover { background: #f1f9f8; }
  .acc-select .chev { margin-left:8px; color:#666; }

  /* layout desktop */
  @media (min-width: 992px) {
    #acc-search-form { display:flex; align-items:center; gap:10px; }
    .acc-field { flex:1; margin-bottom:0; }
    .acc-btn-col { width:auto; }
    .acc-btn-find { width:auto; padding:10px 28px; }
  }

  /* mobile spacing */
  @media (max-width:991px) {
    .acc-search-bar { padding:14px; }
    .acc-field { margin-bottom:10px; }
    /* slightly smaller datepicker */
    .ui-datepicker { font-size:13px !important; }
  }