#city-search,
              #location-search {
                outline: none !important;
                box-shadow: none !important;
              }
              #city-search:focus,
              #location-search:focus,
              #city-search:focus-visible,
              #location-search:focus-visible {
                outline: none !important;
                box-shadow: none !important;
              }

              #location-search[readonly] { cursor: pointer; }

              .focus-pulse { animation: roomify-focus-pulse 0.9s ease; }
              @keyframes roomify-focus-pulse {
                0% { box-shadow: 0 0 0 0 rgba(99,102,241,0); }
                50% { box-shadow: 0 0 0 8px rgba(99,102,241,0.10); }
                100% { box-shadow: 0 0 0 0 rgba(99,102,241,0); }
              }

              #selected-city-container { display: none !important; }

              #location-chips-container > * {
                max-width: 14rem;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                display: inline-block;
                vertical-align: middle;
              }

              #city-suggestions,
              #location-suggestions {
                top: calc(100% + 0.375rem) !important;
                left: 0;
                right: 0;
                margin-top: 0 !important;
                z-index: 60 !important;
              }

              .no-results { display: flex; align-items: center; justify-content: space-between; }
              .no-results .request-city, .no-results .request-location { background: transparent; border: none; padding: 0; }

              #city-clear {
                background: transparent;
                border: none;
                font-size: 1.125rem;
                line-height: 1;
                cursor: pointer;
              }

                  .scrollbar-hide::-webkit-scrollbar {
      display: none;
    }
    .scrollbar-hide {
      -ms-overflow-style: none;
      scrollbar-width: none;
    }
    .touch-pan-y {
      touch-action: pan-y;
    }

      .section-blend {
    position: relative;
    isolation: isolate;
  }

  .section-blend + .section-blend {
    margin-top: -42px;
    padding-top: 42px;
  }

  .home-empty-state-visual-wrap {
    width: 100%;
    max-width: 38rem;
    margin-inline: auto;
  }

  .home-empty-state-visual {
    aspect-ratio: 6 / 5;
    min-height: 16rem;
    width: 100%;
  }

  @media (min-width: 640px) {
    .home-empty-state-visual {
      aspect-ratio: 4 / 3;
      min-height: 19rem;
    }
  }

  @media (min-width: 1024px) {
    .home-empty-state-visual-wrap {
      margin-inline-start: auto;
      margin-inline-end: 0;
    }

    .home-empty-state-visual {
      min-height: 23rem;
    }
  }

  .home-elevate-stats {
    border-color: rgba(148, 163, 184, 0.42);
    background: rgba(248, 250, 252, 0.92);
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
  }

  .dark .home-elevate-stats {
    border-color: rgba(255, 255, 255, 0.12);
    background: rgba(15, 23, 42, 0.9);
    box-shadow: 0 18px 36px rgba(2, 6, 23, 0.42);
  }

  .home-elevate-stats-card {
    border-color: rgba(226, 232, 240, 0.9);
    background: rgba(255, 255, 255, 0.96);
  }

  .dark .home-elevate-stats-card {
    border-color: rgba(255, 255, 255, 0.12);
    background: rgba(15, 23, 42, 0.92);
  }

  @media (max-width: 768px) {
    .section-blend + .section-blend {
      margin-top: -24px;
      padding-top: 24px;
    }
  }

        #no-results-svg { max-width: 100%; height: auto; }

      .cloud--1 { transform-origin: center; animation: cloud-move-1 20s linear infinite; }
      .cloud--2 { transform-origin: center; animation: cloud-move-2 28s linear infinite; }

      @keyframes cloud-move-1 {
        0% { transform: translateX(-20px) translateY(0) scale(1); opacity: 0.96; }
        50% { transform: translateX(18px) translateY(-4px) scale(1.02); opacity: 1; }
        100% { transform: translateX(-20px) translateY(0) scale(1); opacity: 0.96; }
      }
      @keyframes cloud-move-2 {
        0% { transform: translateX(20px) translateY(0) scale(0.95); opacity: 0.9; }
        50% { transform: translateX(-18px) translateY(6px) scale(1); opacity: 1; }
        100% { transform: translateX(20px) translateY(0) scale(0.95); opacity: 0.9; }
      }

      .windows rect { animation: window-blink 3s infinite ease-in-out; transform-origin: center; }
      .windows rect:nth-child(odd) { animation-delay: 0s; }
      .windows rect:nth-child(even) { animation-delay: 1.2s; }
      @keyframes window-blink {
        0% { fill: #cfe0ff; opacity: 1; }
        45% { fill: #cfe0ff; opacity: 1; }
        50% { fill: #ffffff; opacity: 0.98; }
        100% { fill: #cfe0ff; opacity: 1; }
      }

      #marker { transform-origin: center; animation: marker-bounce 2.4s infinite cubic-bezier(.2,.9,.2,1); }
      @keyframes marker-bounce {
        0% { transform: translateY(0) scale(1); }
        45% { transform: translateY(-10px) scale(1.02); }
        70% { transform: translateY(0) scale(0.99); }
        100% { transform: translateY(0) scale(1); }
      }

      .wave { animation: wave-flow 6s linear infinite; transform-origin: center; }
      @keyframes wave-flow {
        0% { transform: translateX(0); }
        50% { transform: translateX(-8px); }
        100% { transform: translateX(0); }
      }

      #city { opacity: 0; transform: translateY(6px) scale(0.998); animation: city-reveal 1s ease forwards; }
      @keyframes city-reveal { to { opacity: 1; transform: translateY(0) scale(1); } }

      #browse-all-btn:focus, #notify-me-btn:focus, #notify-form button:focus { outline: 2px solid rgba(99,102,241,0.18); outline-offset: 3px; }

      @media (max-width: 640px) {
        #no-results-svg { height: 220px; }
        .hint-title { font-size: 20px; }
      }

              #no-results-svg { max-width: 100%; height: auto; }

        .cloud--1 { transform-origin: center; animation: cloud-move-1 20s linear infinite; }
        .cloud--2 { transform-origin: center; animation: cloud-move-2 28s linear infinite; }

        @keyframes cloud-move-1 {
          0% { transform: translateX(-20px) translateY(0) scale(1); opacity: 0.96; }
          50% { transform: translateX(18px) translateY(-4px) scale(1.02); opacity: 1; }
          100% { transform: translateX(-20px) translateY(0) scale(1); opacity: 0.96; }
        }
        @keyframes cloud-move-2 {
          0% { transform: translateX(20px) translateY(0) scale(0.95); opacity: 0.9; }
          50% { transform: translateX(-18px) translateY(6px) scale(1); opacity: 1; }
          100% { transform: translateX(20px) translateY(0) scale(0.95); opacity: 0.9; }
        }

        /* Window blink */
        .windows rect { animation: window-blink 3s infinite ease-in-out; transform-origin: center; }
        .windows rect:nth-child(odd) { animation-delay: 0s; }
        .windows rect:nth-child(even) { animation-delay: 1.2s; }
        @keyframes window-blink {
          0% { fill: #cfe0ff; opacity: 1; }
          45% { fill: #cfe0ff; opacity: 1; }
          50% { fill: #ffffff; opacity: 0.98; }
          100% { fill: #cfe0ff; opacity: 1; }
        }

        /* Marker bounce */
        #marker { transform-origin: center; animation: marker-bounce 2.4s infinite cubic-bezier(.2,.9,.2,1); }
        @keyframes marker-bounce {
          0% { transform: translateY(0) scale(1); }
          45% { transform: translateY(-10px) scale(1.02); }
          70% { transform: translateY(0) scale(0.99); }
          100% { transform: translateY(0) scale(1); }
        }

        /* Wave shimmer */
        .wave { animation: wave-flow 6s linear infinite; transform-origin: center; }
        @keyframes wave-flow {
          0% { transform: translateX(0); }
          50% { transform: translateX(-8px); }
          100% { transform: translateX(0); }
        }

        /* Reveal animations */
        #city { opacity: 0; transform: translateY(6px) scale(0.998); animation: city-reveal 1s ease forwards; }
        @keyframes city-reveal { to { opacity: 1; transform: translateY(0) scale(1); } }

        /* CTA interactions */
        #browse-all-btn:focus, #notify-me-btn:focus, #notify-form button:focus { outline: 2px solid rgba(99,102,241,0.18); outline-offset: 3px; }

        /* Responsive scaling */
        @media (max-width: 640px) {
          #no-results-svg { height: 220px; }
          .hint-title { font-size: 20px; }
        }