/* Generic ProPay restaurant skin for the customer menu. */
:root {
    --navy: #11132a;
    --canvas: #f4f6fc;
    --paper: #ffffff;
    --line: #dfe3ef;
    --muted: #68708a;
    --blue: #5d78ff;
    --violet: #7657e8;
    --mint: #9fe8cf;
}

.mobile-hero { background: #11152f; }
.hero-shade { background: linear-gradient(180deg, rgba(17,19,42,.18), rgba(17,19,42,.02) 45%, rgba(17,19,42,.7)); }
.mobile-categories { background: rgba(244,246,252,.94); }
.mobile-add,
.mobile-checkout { background: linear-gradient(120deg, #5d78ff, #7657e8); }
.mobile-product { box-shadow: 0 8px 22px rgba(32,44,92,.08); }
.mobile-cart { background: rgba(17,19,42,.97); }
.mobile-product-photo img { object-position: center 58%; }
html.embedded { scrollbar-width: none; }
html.embedded::-webkit-scrollbar { display: none; }
.merchant-card { grid-template-columns: 82px 1fr 34px; }
.merchant-card > img { width: 82px; height: 54px; padding: 5px; border-radius: 12px; }