/* ─── VILLA MAP PAGE ─── */
  .dv-map-page { background: var(--cream, #f9f6f1); }
  .dv-map-hero {
    padding: calc(var(--dv-nav-clear, 185px) + 24px) 24px 28px;
    text-align: center; max-width: 880px; margin: 0 auto;
  }
  .dv-map-hero .eyebrow {
    font-family: var(--sans, "Inter", sans-serif);
    font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase;
    color: var(--warm-gray-text, #635a51); margin: 0 0 14px; font-weight: 500;
  }
  .dv-map-hero h1 {
    font-family: var(--serif, "Cormorant Garamond", serif);
    font-weight: 400; font-size: clamp(36px, 5vw, 58px); line-height: 1.06;
    margin: 0 0 14px; letter-spacing: -0.01em; color: var(--dark);
  }
  .dv-map-hero h1 em { font-style: italic; }
  .dv-map-hero p { color: var(--warm-gray-text, #635a51); font-size: 16px; line-height: 1.6; margin: 0 auto; max-width: 620px; }

  .dv-map-filters {
    display: flex; flex-wrap: wrap; gap: 8px; justify-content: center;
    max-width: 1100px; margin: 0 auto; padding: 0 16px 20px;
  }
  .dv-map-chip {
    font-family: var(--sans, "Inter", sans-serif); font-size: 12px; letter-spacing: 0.08em;
    text-transform: uppercase; padding: 8px 14px; border-radius: 999px; cursor: pointer;
    background: transparent; color: var(--dark); border: 1px solid var(--light-border, #e0d9d0);
    transition: background .2s, color .2s, border-color .2s;
  }
  .dv-map-chip:hover { border-color: var(--gold, #C8A898); }
  .dv-map-chip[aria-pressed="true"] { background: var(--dark); color: #fff; border-color: var(--dark); }
  .dv-map-chip small { opacity: .6; margin-left: 4px; }

  .dv-map-wrap { max-width: 1280px; margin: 0 auto; padding: 0 16px 96px; }
  #dvVillaMap { height: min(72vh, 760px); min-height: 420px; }
  .dv-map-count { text-align: center; color: var(--warm-gray-text, #635a51); font-size: 13px; margin: 14px 0 0; }

  @media (max-width: 600px) {
    .dv-map-wrap { padding: 0 0 72px; }
    #dvVillaMap { height: 68vh; border-left: 0; border-right: 0; }
  }