/* Mobile responsiveness layer for the Dproperty static prototype. */
@media (max-width: 768px) {
  html, body { width: 100%; overflow-x: hidden; }
  body { font-size: 14px; }
  @media (pointer: fine) { *, *::before, *::after { cursor: auto !important; } }
  .site-footer { padding: 36px 22px !important; align-items: flex-start !important; flex-direction: column !important; }
  .site-footer > div:nth-child(2) { flex-wrap: wrap !important; gap: 14px !important; }
  .btn-primary, .btn-ghost { width: 100%; justify-content: center; padding: 14px 18px !important; }
  image-slot { width: 100% !important; min-height: 210px !important; }
  svg { max-width: 100%; height: auto; }
}

@media (max-width: 480px) {
  .btn-primary, .btn-ghost { font-size: 8px !important; letter-spacing: 0.14em !important; }
}