.nearby-badge { display: none; }

@media (min-width: 1001px) {
  .shell { width: 93%; max-width: none; }
  .hero-background { inset: auto; top: 0; right: 0; bottom: 0; left: auto; width: 85%; height: 100%; object-fit: contain; object-position: right top; }
  .brand img { width: 82px; height: 82px; }
  .electric { top: 8px; left: 4%; }
  .plumbing { top: 215px; }
  .quick-facts { gap: 42px; font-size: 14px; line-height: 1.25; }
  .quick-facts svg { width: 28px; height: 28px; }
  .nearby-badge {
    position: absolute;
    z-index: 6;
    right: 8%;
    bottom: 218px;
    display: flex;
    align-items: center;
    gap: 12px;
    width: 270px;
    min-height: 68px;
    padding: 11px 14px;
    color: #fff;
    border: 1px solid rgba(255,255,255,.38);
    border-radius: 14px;
    background: linear-gradient(135deg,#59b86e,#32924f);
    box-shadow: 0 14px 32px rgba(30,92,48,.25);
  }
  .nearby-dot {
    flex: 0 0 auto;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 0 6px rgba(255,255,255,.16);
  }
  .nearby-text { display: flex; flex: 1; flex-direction: column; line-height: 1.15; }
  .nearby-text small { margin-bottom: 4px; font-size: 11px; font-weight: 500; opacity: .86; }
  .nearby-text strong { font-size: 15px; font-weight: 700; }
  .nearby-badge svg {
    flex: 0 0 auto;
    width: 36px;
    height: 36px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
}