/* Small supplements on top of Tailwind (CDN). */
[x-cloak] { display: none !important; }

/* Fade-in for elements toggled with x-show.
   Deliberately a plain CSS keyframe rather than Alpine's x-transition:
   x-transition also drives the element's `display`, and on this setup it left
   the request modal / mobile menu stuck visible after closing. A keyframe only
   animates opacity, so x-show stays in full control of show/hide. */
@keyframes soyuz-fade-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}
.fade-in { animation: soyuz-fade-in 0.15s ease-out; }

.prose-legal p { margin-bottom: 1rem; line-height: 1.7; }
.prose-legal h2 { font-weight: 700; font-size: 1.25rem; margin: 1.5rem 0 .75rem; }

/* Hide number input spinners in the qty stepper */
input.qty::-webkit-outer-spin-button,
input.qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input.qty { -moz-appearance: textfield; }