/* Metronic-extended utilities used by storefront templates (Bootstrap 5 CDN lacks these). */

/* Spacing — Metronic $spacer scale (1rem base) */
.py-10 { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; }
.my-10 { margin-top: 2.5rem !important; margin-bottom: 2.5rem !important; }
.ms-15 { margin-left: 3.75rem !important; }
.me-10 { margin-right: 2.5rem !important; }
.pb-6 { padding-bottom: 1.5rem !important; }
.mb-6 { margin-bottom: 1.5rem !important; }
.mb-8 { margin-bottom: 2rem !important; }
.ps-9 { padding-left: 2.25rem !important; }
.gap-12 { gap: 3rem !important; }

@media (min-width: 992px) {
    .ps-lg-20 { padding-left: 5rem !important; }
}

/* Typography — Metronic font-size steps (13px base) */
.fs-7 { font-size: 0.771875rem !important; }
.fs-8 { font-size: 0.690625rem !important; }

/* Colors & misc */
.text-gray-500 { color: #99a1b7 !important; }
.cursor-pointer { cursor: pointer !important; }