/* Base display utilities */
.d-none { display: none !important; }
.d-block { display: block !important; }
.d-inline-block { display: inline-block !important; }
.d-inline-none { display: none !important; } /* custom */

/* Extra Small (xs <576px) — default applied without media queries */

/* Small (≥576px) */
@media (min-width: 576px) {
  .d-sm-none { display: none !important; }
  .d-sm-block { display: block !important; }
  .d-sm-inline-block { display: inline-block !important; }
  .d-sm-inline-none { display: none !important; } /* custom */
}

/* Medium (≥768px) */
@media (min-width: 768px) {
  .d-md-none { display: none !important; }
  .d-md-block { display: block !important; }
  .d-md-inline-block { display: inline-block !important; }
  .d-md-inline-none { display: none !important; } /* custom */
}

/* Large (≥992px) */
@media (min-width: 992px) {
  .d-lg-none { display: none !important; }
  .d-lg-block { display: block !important; }
  .d-lg-inline-block { display: inline-block !important; }
  .d-lg-inline-none { display: none !important; } /* custom */
}

/* Extra Large (≥1200px) - optional if needed */
@media (min-width: 1200px) {
  .d-xl-none { display: none !important; }
  .d-xl-block { display: block !important; }
  .d-xl-inline-block { display: inline-block !important; }
  .d-xl-inline-none { display: none !important; }
}