/* FluuexQR v348 — customer-ordering visual controls and non-blocking animated background. */
.fq348-ordering-background{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background-color:#fff}
.fq348-ordering-background :is(video,.fq348-ordering-bg-poster){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:var(--fq348-bg-opacity,.18);transform:translateZ(0)}
.fq348-ordering-background video{z-index:2}.fq348-ordering-background .fq348-ordering-bg-poster{z-index:1}
body.fq348-bg-video-enabled{background:#fbfaf8!important}
body.fq348-bg-video-enabled>.fqoApp{position:relative;z-index:1;background:transparent!important}
body.fq348-bg-video-enabled .fqoApp:not(.fq-admin) :is(.fq321-home,.fq336-home,.fq-container){background:transparent!important}
body.fq348-bg-video-enabled .fqoApp:not(.fq-admin) :is(.fq321-header,.fq336-header,.fq-head,.fq-mobile-nav){background:rgba(255,255,255,.93)!important}
html[data-fqo-appearance="dark"] body.fq348-bg-video-enabled{background:#0d0d0f!important}
html[data-fqo-appearance="dark"] .fq348-ordering-background{background-color:#0d0d0f}
html[data-fqo-appearance="dark"] body.fq348-bg-video-enabled .fqoApp:not(.fq-admin) :is(.fq321-home,.fq336-home,.fq-container){background:transparent!important}
html[data-fqo-appearance="dark"] body.fq348-bg-video-enabled .fqoApp:not(.fq-admin) :is(.fq321-header,.fq336-header,.fq-head,.fq-mobile-nav){background:rgba(18,18,20,.94)!important}
.fqoApp .fq339-home-categories button>.fq348-category-emoji{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#fff8ee);border:1px solid #eee4d7;font-size:36px;line-height:1;box-shadow:0 5px 15px rgba(40,28,14,.06)}
.fqoApp .fq339-home-categories button.active>.fq348-category-emoji{border-color:#f26a21;box-shadow:0 0 0 2px rgba(242,106,33,.08)}
@media(max-width:560px){.fqoApp .fq339-home-categories button>.fq348-category-emoji{width:62px;height:62px;font-size:31px}.fq348-ordering-background video{will-change:auto}}
@media(prefers-reduced-motion:reduce){.fq348-ordering-background video{display:none!important}}
