html ::-webkit-scrollbar {
  width: 5px;
}
html ::-webkit-scrollbar-thumb {
  background: var(--color-scrollbar);
  border-radius: 10px;
}
html ::-webkit-scrollbar-track {
  background: #e2e6eb;
}

body {
  position: relative;
  font-size: 14px;
  overflow-x: hidden;
  line-height: 1.7;
  color: var(--color-text-body);
  background-color: var(--color-bg-body);
  font-family: Poppins;
}
body * {
  tap-highlight-color: transparent;
}
body.open-sidebar-homepage,
.pside_opened body,
.open_menu body,
body.open_sidebar {
  overflow-y: hidden;
}

/* Başlık stilleri */
.h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6 {
  line-height: 1;
  margin: 0;
}

/* Modal */
.mfp-wrap {
  z-index: 9999;
}

/* Row boşlukları */
.row-0 { margin: 0 !important; }
.row-2\.5 { margin: 0 -2.5px !important; }
.row-5 { margin: 0 -5px !important; }
.row-10 { margin: 0 -10px !important; }

/* Padding */
.pd-0 { padding: 0 !important; }
.pd-2\.5 { padding: 0 2.5px !important; }
.pd-5 { padding: 0 5px; }
.pd-10 { padding: 0 10px; }
.pd-15 { padding: 0 15px; }
.pd-20 { padding: 0 20px; }
.pd-25 { padding: 0 25px; }
.pd-30 { padding: 0 30px; }

/* Vertical padding */
.py-5 { padding-top: 5px; padding-bottom: 5px; }
.py-10 { padding-top: 10px; padding-bottom: 10px; }
.py-15 { padding-top: 15px; padding-bottom: 15px; }
.py-20 { padding-top: 20px; padding-bottom: 20px; }
.py-25 { padding-top: 25px; padding-bottom: 25px; }
.py-30 { padding-top: 30px; padding-bottom: 30px; }

/* Border radius */
.br-2 { border-radius: 2px; }
.br-3 { border-radius: 3px; }
.br-4 { border-radius: 4px; }
.br-5 { border-radius: 5px; }
.br-10, .br-15 { border-radius: 10px; }

/* Margin bottom */
.mb-5 { margin-bottom: 5px; }
.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
.mb-25 { margin-bottom: 25px; }
.mb-30 { margin-bottom: 30px; }

/* Custom değişken bazlı */
.alo-gap { gap: var(--alo-gap); }
.alo-width { width: var(--alo-width); }
.alo-minus-width { width: calc(100% - var(--alo-minus-width)); }
.alo-border-radius { border-radius: var(--alo-border-radius); }
