/* Paymob Pixel's stylesheets, pulled into the `vendor` cascade layer.
 *
 * paymob-pixel/styles.css ships its OWN Tailwind build: 187 utility classes
 * (.grid-cols-1, .flex, .gap-*, .bg-gray-*, .text-*) plus an unlayered
 * `* { margin: 0; padding: 0 }`. Loaded as a plain <link> it sits unlayered
 * and AFTER our tailwind.css, so it outranks every one of our utilities on
 * the two pages that load the SDK. Concretely: it beat `lg:grid-cols-5`, so
 * the checkout's two-column layout collapsed and the order summary fell to
 * the bottom of the page.
 *
 * Importing them into `vendor` (declared first, therefore lowest priority in
 * the layouts) makes every rule in here lose to anything of ours, while the
 * Pixel widget still gets all its own styling because nothing of ours targets
 * its internals.
 */
@import url("https://cdn.jsdelivr.net/npm/paymob-pixel@latest/styles.css") layer(vendor);
@import url("https://cdn.jsdelivr.net/npm/paymob-pixel@latest/main.css") layer(vendor);