/* Minimal custom styles to complement Tailwind */
.counter-reset { counter-reset: step; }
ol#how-steps > li::before {
  counter-increment: step;
  content: counter(step);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  margin-inline-end: 0.5rem;
  border-radius: 9999px;
  background: #0ea5e9;
  color: #fff;
  font-weight: 700;
}

#toast {
  background: #0f172a; /* slate-900 */
  color: #fff;
  border-radius: 0.75rem;
  padding: 0.75rem 1rem;
  box-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);
}

.toast-show { transform: translateY(0); opacity: 1; pointer-events: auto; }

/* Direction helpers if needed */
[dir="rtl"] .ml-auto { margin-left: auto; }
[dir="ltr"] .mr-auto { margin-right: auto; }

/* Mobile variant adjustments */
.mobile-variant .primary-nav { display: none; }
.mobile-variant .hero-illustration { display: none; }
.mobile-variant .section-title { letter-spacing: 0; }
.mobile-variant #hero .ri-rocket-2-line { font-size: 1.1rem; }
.mobile-variant #store-buttons a { padding: 0.5rem 0.75rem; }