/* excludes individual property page */
body:not([id^="property-"]) {

  /* === CUSTOMIZE HOME PAGE === */

  /* OUR TEAM — MOBILE (compact tiles) */
  @media screen and (max-width: 480px) {
    .flat-agents .row {
      display: grid !important;
      grid-template-columns: repeat(2, 1fr);
      gap: 6px;
      margin: 0;
    }

    .flat-agents .box.col {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      height: auto;
      border: 1px solid #eee;
      border-radius: 6px;
      padding: 6px;
      box-shadow: 0 3px 8px rgba(0, 0, 0, 0.04);
      background-color: #fff;
    }

    .flat-agents .box-img {
      width: 100% !important;
      aspect-ratio: 4 / 5;
      overflow: hidden;
      border-radius: 8px;
      margin-bottom: 6px !important;
      padding: 0 !important;
      max-height: 150px;
    }

    .flat-agents .box-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    .flat-agents .content {
      flex: 1 1 auto;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      row-gap: 4px;
      padding-top: 4px;
      text-align: center;
    }

    .flat-agents h6.link {
      font-size: 13px;
      font-weight: 600;
      margin: 0 0 2px 0 !important;
      text-align: center;
    }

    .flat-agents .list-info {
      font-size: 10px;
      padding: 0 !important;
      margin-top: auto !important;
      margin-bottom: 2px !important;
      list-style: none;
    }

    .flat-agents .list-info li {
      margin-bottom: 0 !important;
      display: flex;
      align-items: center;
      gap: 3px;
      justify-content: center;
    }

    .flat-agents .list-info a {
      font-size: 10px;
      color: #333;
      text-decoration: none;
    }

    .flat-agents svg.icon {
      width: 10px;
      height: 10px;
      stroke: #666;
    }

    .flat-agents .box-agent {
      padding: 0 !important;
      margin-bottom: 4px !important;
    }

    .flat-agents .info {
      margin: 0 !important;
      padding: 0 !important;
    }
  }

  /* OUR TEAM — BASE (tablet/desktop foundation) */
  .flat-agents .box.col {
    border: 1px solid #ddd;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
    border-radius: 10px;
    padding: 12px;
    background-color: #fff;
    box-sizing: border-box;
    display: flex;
    flex-direction: column; /* equal height foundation */
    justify-content: flex-start;
    text-align: center;
    transition: transform .2s ease, box-shadow .2s ease;
  }

  .flat-agents .row { align-items: stretch; }

  .flat-agents .content {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    row-gap: 6px;
  }

  .flat-agents .list-info,
  .flat-agents .box-agent .list-info { margin-top: auto; }

  .flat-agents h6.link { font-weight: 600; margin: 8px 0 4px; }

  .flat-agents .list-info {
    font-size: 13px;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  /* OUR TEAM — TABLET (3 columns) */
  @media screen and (min-width: 768px) and (max-width: 991.98px) {
    .flat-agents .row {
      display: grid !important;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
      justify-items: center;
    }
    .flat-agents .box.col { max-width: 280px; width: 100%; }

    .flat-agents .box-img {
      width: 100% !important;
      aspect-ratio: 4 / 5;
      overflow: hidden;
      border-radius: 12px;
      margin-bottom: 10px;
    }
    .flat-agents .box-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
  }

  /* OUR TEAM — SMALL DESKTOP (4 columns) */
  @media screen and (min-width: 992px) and (max-width: 1199.98px) {
    .flat-agents .row {
      display: grid !important;
      grid-template-columns: repeat(4, 1fr);
      gap: 24px;
      justify-items: center;
    }
    .flat-agents .box.col { max-width: 260px; width: 100%; }
    .flat-agents .box.col:hover { transform: translateY(-4px); box-shadow: 0 6px 16px rgba(0,0,0,.12); }

    .flat-agents .box-img {
      width: 100% !important;
      aspect-ratio: 4 / 5;
      overflow: hidden;
      border-radius: 12px;
      margin-bottom: 10px;
    }
    .flat-agents .box-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
  }

  /* OUR TEAM — LARGE DESKTOP (5 columns) */
  @media screen and (min-width: 1200px) {
    .flat-agents .row {
      display: grid !important;
      grid-template-columns: repeat(5, 1fr);
      gap: 24px;
      justify-items: center;
    }
    .flat-agents .box.col { max-width: 240px; width: 100%; }
    .flat-agents .box.col:hover { transform: translateY(-4px); box-shadow: 0 6px 16px rgba(0,0,0,.12); }

    .flat-agents .box-img {
      width: 100% !important;
      aspect-ratio: 4 / 5;
      overflow: hidden;
      border-radius: 12px;
      margin-bottom: 10px;
    }
    .flat-agents .box-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
  }

  /* OUR TEAM — DESKTOP TYPOGRAPHY & LEFT ALIGN (PC only) */
  @media screen and (min-width: 992px) {
    .flat-agents .box.col { text-align: left; }
    .flat-agents .content { align-items: flex-start; }
    .flat-agents .content > * { text-align: left !important; }

    .flat-agents h6.link {
      font-size: 14px;
      font-weight: 600;
      margin: 6px 0 2px;
    }
    .flat-agents .list-info { font-size: 12px; }
    .flat-agents .list-info li { justify-content: flex-start; gap: 6px; }
    .flat-agents .list-info a { font-size: 12px; }
    .flat-agents .content p { font-size: 13px; margin: 0; }
  }

  /* === TEXT TWEAKS FOR HEADINGS === */
  .flat-section.flat-recommended .text-subtitle.text-primary {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 8px;
    text-transform: uppercase;
  }
  .flat-section.flat-agents .text-subtitle.text-primary {
    font-size: 24px;
    font-weight: 600;
    text-transform: capitalize;
  }

  /* Global .box-img (kept for other sections; Our Team overrides above) */
  .box-img {
    width: 300px;
    height: 300px;
    overflow: hidden;
    position: relative;
  }

  /* Header shadow */
  #header.main-header.fixed-header {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
  }

  /* Benefit section tweaks */
  .flat-benefit-v2 .text-subtitle.text-primary {
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 10px;
  }
  .flat-benefit-v2 .section-title { font-size: 28px; font-weight: 700; }
  .flat-benefit-v2 { padding-top: 20px; }
  @media screen and (max-width: 480px) {
    .flat-benefit-v2 { padding-left: 15px; padding-right: 15px; }
  }
  .flat-benefit-v2 .col-lg-8 .box-benefit .title {
    font-size: 16px; font-weight: 600; color: #ffffff;
  }
  .flat-benefit-v2 .col-lg-8 .box-benefit .description {
    font-size: 14px; color: #dddddd; line-height: 1.6;
  }

  /* === PROPERTY PAGE STYLES === */
  .property-item.homeya-box .link.line-clamp-1 {
    font-size: 16px; font-weight: 600; margin: 0;
  }
  .property-item.homeya-box .desc p.line-clamp-1 {
    font-size: 14px; font-weight: 500; margin: 0;
  }
  p.line-clamp-1 { color: #000000; }
  .property-item.homeya-box .flag-tag.style-2 { display: none !important; }

  .property-item.homeya-box .desc .icon.icon-mapPin {
    font-size: 18px; color: #000000; margin-top: 4px;
  }
  .property-item.homeya-box .desc { margin: 8px 0 0 125px; }

  .property-item.homeya-box .meta-list .item {
    font-size: 12px; font-weight: 300; display: inline-flex;
    align-items: center; gap: 5px; margin-right: 5px; margin-top: -53px;
  }
  .property-item.homeya-box .meta-list .item i { font-size: 16px; }

  .property-item.homeya-box .archive-bottom .avatar,
  .property-item.homeya-box .archive-bottom span { display: none !important; }

  .property-item.homeya-box .archive-bottom h6 {
    font-size: 16px; font-weight: 600; color: inherit;
  }
  .property-item.homeya-box .archive-bottom { margin: -64px 275px -10px 0; }

  .property-item.homeya-box .images-group { padding: 12px; }
  .property-item.homeya-box {
    border-radius: 3px; overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  }

  .nice-select.list-page.select_js { display: none !important; }
  .flat-title-page.style-2 { padding: 10px; }

  h1.text-center.page-title { font-size: 24px; font-weight: 600; margin: 10px; }

  .nav-tab-filter.w-auto { display: none; }
  @media (min-width: 992px) { .nav-tab-filter.w-auto { display: flex; } }

  .homeya-box { box-shadow: 0 4px 12px rgba(0,0,0,.12); }

  /* === MAIN HEADER BACKGROUND FOR MOBILE ONLY === */
  @media screen and (max-width: 480px) {
    #header.main-header {
      background-color: #FAF8F5 !important;
    }
  }
}

/* === SEARCH BAR SIZE REDUCTION === */

/* General search form */
.form-search,
.search-box,
.search-home,
.widget-search,
.tf-search-form {
  max-height: 50px !important;
  padding: 4px 8px !important;
  border-radius: 6px !important;
}

/* Search input fields */
.form-search input[type="text"],
.form-search input[type="search"],
.tf-search-form input,
.search-box input {
  height: 36px !important;
  line-height: 36px !important;
  font-size: 14px !important;
  padding: 4px 10px !important;
  border-radius: 6px !important;
}

/* Search buttons */
.form-search button,
.tf-search-form button,
.search-box button {
  height: 38px !important;
  line-height: 38px !important;
  font-size: 14px !important;
  padding: 0 16px !important;
  border-radius: 6px !important;
}

/* Adjust spacing between fields if inline */
.form-search .form-group,
.tf-search-form .form-group {
  margin-right: 6px !important;
}

/* Optional – for mobile responsiveness */
@media screen and (max-width: 480px) {
  .form-search,
  .search-box,
  .tf-search-form {
    max-height: 42px !important;
  }
  .form-search input,
  .tf-search-form input {
    font-size: 13px !important;
    height: 32px !important;
  }
  .form-search button,
  .tf-search-form button {
    font-size: 13px !important;
    height: 34px !important;
  }
}

/* === SLIM LUXURY SEARCH BAR (JamesEdition-Style) === */
body.home .tf-search-form,
body.home .form-search,
body.home .banner-home .search-box {
  max-width: 70% !important;           /* narrower overall */
  margin: 0 auto !important;
  background: rgba(255, 255, 255, 0.9) !important; /* light translucent background */
  border: 1px solid #E4E6EB !important; /* subtle border */
  border-radius: 8px !important;
  padding: 2px 6px !important;          /* tighter inner padding */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); /* softer, smaller shadow */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transform: scale(0.8);                /* smaller overall size */
  transform-origin: center;
  transition: all 0.25s ease-in-out;
}

body.home .tf-search-form:hover,
body.home .form-search:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  border-color: #FFBD1D; /* gold hover border */
}

/* Input fields */
body.home .tf-search-form input,
body.home .form-search input,
body.home .search-box input {
  height: 32px !important;              /* much smaller height */
  font-size: 13px !important;
  padding: 2px 8px !important;
  color: #1B1B1B !important;
  border: none !important;
  background: transparent !important;
  outline: none !important;
  box-shadow: none !important;
  flex: 1 1 auto !important;
}

/* Placeholder text */
body.home .tf-search-form input::placeholder,
body.home .form-search input::placeholder {
  color: #9BA2AE !important;
  font-size: 13px !important;
}

/* Buttons */
body.home .tf-search-form button,
body.home .form-search button,
body.home .search-box button {
  height: 34px !important;              /* smaller button height */
  font-size: 13px !important;
  background-color: #00234A !important;
  color: #FFFFFF !important;
  border-radius: 6px !important;
  padding: 0 14px !important;
  border: none !important;
  transition: all 0.2s ease-in-out;
}

body.home .tf-search-form button:hover,
body.home .form-search button:hover {
  background-color: #FFBD1D !important;
  color: #00234A !important;
}

/* Tighter field spacing */
body.home .tf-search-form .form-group,
body.home .form-search .form-group {
  margin-right: 4px !important;
}

/* === MOBILE VERSION === */
@media screen and (max-width: 480px) {
  body.home .tf-search-form,
  body.home .form-search,
  body.home .banner-home .search-box {
    max-width: 88% !important;
    transform: scale(0.75);             /* even smaller on mobile */
    padding: 2px 4px !important;
  }

  body.home .tf-search-form input,
  body.home .form-search input {
    height: 28px !important;
    font-size: 12px !important;
  }

  body.home .tf-search-form button,
  body.home .form-search button {
    height: 30px !important;
    font-size: 12px !important;
    padding: 0 10px !important;
  }
}