html,
body {
  font-family: Inter, ui-sans-serif, system-ui, "Segoe UI", Roboto, Helvetica, Arial;
}

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

img,
video,
svg {
  max-width: 100%;
  height: auto;
}

.no-h-scroll {
  overflow-x: hidden !important;
}

.wrap-safe {
  max-width: 100%;
  overflow-x: hidden;
}

html,
body {
  background-color: #fff !important;
  background-image: none !important;
}

#app,
.app,
main,
.page,
.layout,
.site,
.wrap,
.container,
.container-fluid,
.min-h-dvh,
.min-h-screen {
  background-color: transparent !important;
  background-image: none !important;
}

@media (max-width: 768px) {
  body {
    padding-bottom: 70px !important;
    /* Alt mobil menü yüksekliği */
  }
}

@media (max-width: 768px) {
  html {
    font-size: 17px !important;
    /* Genel font büyüklüğü */
  }
}

#harita,
#harita .leaflet-container,
#harita .leaflet-pane,
#harita .leaflet-layer,
#harita .leaflet-tile,
#harita * {
  background: none !important;
  background-image: none !important;
}