/* COSYNEST MOBILE PASS 5 - HOMEPAGE MICRO POLISH */
@media (max-width: 768px) {
  /* Better crop for the mobile cover image */
  #home-view header .w-full.bg-brand-blue.shadow-lg.relative.overflow-hidden img,
  #home-view header picture img,
  #home-view header img {
    object-position: center 64% !important;
  }

  /* More breathing room between cover image and text */
  #home-view header .w-full.bg-brand-blue.shadow-lg.relative.overflow-hidden,
  #home-view header picture {
    margin-bottom: 12px !important;
  }

  /* Hero text block spacing */
  #home-view header .max-w-4xl.mx-auto.px-4.text-center.mt-12 {
    margin-top: 0.95rem !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  #home-view header h1.text-3xl.md\:text-5xl {
    margin-bottom: 0.4rem !important;
  }

  #home-view header p.text-lg.md\:text-xl {
    margin-bottom: 0.95rem !important;
  }

  /* More space before buttons */
  #home-view header .flex.flex-col.sm\:flex-row.items-stretch.sm\:items-center.justify-center.gap-4.max-w-xl.mx-auto.mt-2 {
    margin-top: 0.2rem !important;
    gap: 0.55rem !important;
  }

  #home-view header .inline-flex.items-center.justify-center.gap-2.rounded-\[18px\] {
    min-height: 39px !important;
  }

  /* First white section lighter and less tall */
  #static-management-note {
    margin-top: 0.9rem !important;
    margin-bottom: 0.9rem !important;
  }

  #static-management-note .rounded-\[32px\],
  #static-management-note .rounded-\[28px\],
  #static-management-note .bg-white {
    border-radius: 17px !important;
  }

  #static-management-note .p-8,
  #static-management-note .p-10,
  #static-management-note .p-12 {
    padding: 0.82rem !important;
  }

  #static-management-note h2,
  #static-management-note .text-4xl,
  #static-management-note .text-5xl {
    font-size: 0.92rem !important;
    line-height: 1.16 !important;
    margin-bottom: 0.35rem !important;
  }

  #static-management-note p,
  #static-management-note .text-lg,
  #static-management-note .text-base {
    font-size: 0.79rem !important;
    line-height: 1.3 !important;
  }

  #static-management-note .grid {
    margin-top: 0.65rem !important;
    gap: 7px !important;
  }

  #static-management-note .grid > div {
    flex: 0 0 74% !important;
    padding: 0.72rem !important;
    min-height: auto !important;
  }

  #static-management-note .grid > div h3,
  #static-management-note .grid > div .text-xl {
    font-size: 0.84rem !important;
    line-height: 1.14 !important;
    margin-bottom: 0.15rem !important;
  }

  #static-management-note .grid > div p {
    font-size: 0.73rem !important;
    line-height: 1.28 !important;
  }

  /* Smoother transition to apartments section */
  #properties-section,
  .properties-section {
    padding-top: 0.55rem !important;
  }

  #properties-section .mb-16,
  #properties-section .mb-20,
  #properties-section .mb-12 {
    margin-bottom: 0.42rem !important;
  }

  #properties-section h2,
  .section-title,
  .text-4xl.font-bold,
  .text-5xl.font-bold {
    margin-top: 0 !important;
  }

  /* Tiny trim on filter row */
  #guest-filter-wrap {
    margin-top: 0.22rem !important;
  }
}