/* Figma 61/82/83/84/88. Source eligibility, URLs, payment redirect and install hooks remain intact. */
.owj-ui .owj-dining-hub,.owj-ui .bch5-main>main.owj-dining-state,.owj-ui .bch5-main>main.owj-dining-install{box-sizing:border-box;width:100%;max-width:none;min-width:0;margin:0;padding:24px 20px 32px!important;background:#f5f7f2;color:#203d32;font-size:14px;line-height:23px}
.owj-ui .owj-dining-hub .dining-page{display:flex;flex-direction:column;gap:24px;width:100%;max-width:none;min-width:0;margin:0;padding:0}
.owj-ui .owj-dining-page-title{margin:0!important;padding:0;font-size:26px!important;line-height:38px!important;font-weight:700!important;color:#203d32!important;text-shadow:none!important}
.owj-ui .owj-dining-hub .dining-eyebrow,.owj-ui .owj-dining-hub .dining-lead,.owj-ui .owj-dining-hub .dining-price-promise,.owj-ui .owj-dining-hub .owj-dining-hero-slogan,.owj-ui .owj-dining-hub .dining-title>br{display:none}
.owj-ui .owj-dining-hub .dining-hero{display:flex;flex-direction:column;gap:24px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.owj-ui .owj-dining-hub .dining-food-collage{order:-1;display:block;position:relative;box-sizing:border-box;min-height:0;height:auto;aspect-ratio:350/197;width:100%;margin:0;padding:0;overflow:hidden;border:0;border-radius:8px;background:url('/bionovo_consumer_h5/static/src/img/owj/dining/dining-hero.png') center/cover no-repeat;box-shadow:none}
.owj-ui .owj-dining-hub .dining-food-collage>img{display:none}
.owj-ui .owj-dining-hub .dining-hero-copy{display:flex;flex-direction:column;gap:24px;min-width:0;margin:0;padding:0}
.owj-ui .owj-dining-hub .dining-title{margin:0!important;padding:0;font-size:26px!important;line-height:38px!important;font-weight:700!important;color:#203d32!important;text-shadow:none!important;letter-spacing:0}
@media(max-width:359px){.owj-ui .owj-dining-hub .dining-title{font-size:24px!important}}
.owj-ui .owj-dining-hub .dining-referrer-banner{display:flex;flex-direction:column;gap:4px;margin:0;padding:12px 16px;border-radius:8px;background:#eaf0e4;color:#205642;font-size:14px;line-height:23px}
.owj-ui .owj-dining-hub .dining-referrer-banner strong{color:#205642!important}
.owj-ui .owj-dining-hub .dining-entry-error{margin:0;padding:16px;border:1px solid #e1e7dd;border-radius:8px;background:#fff;color:#66756b;font-size:14px;line-height:23px}
.owj-ui .owj-dining-hub .dining-primary-button,.owj-ui .bch5-main>main.owj-dining-state .btn,.owj-ui .bch5-main>main.owj-dining-install .btn{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:48px;height:auto;margin:0;padding:12px 20px;border:1px solid #205642;border-radius:8px;background:#205642;color:#fff!important;font-size:14px;line-height:22px;font-weight:500;text-decoration:none;text-align:center;white-space:normal;box-shadow:none}
.owj-ui .owj-dining-hub .dining-section{display:flex;flex-direction:column;gap:24px;margin:0;padding:0;border:0;background:transparent}
.owj-ui .owj-dining-hub .dining-section-heading{display:block;margin:0;padding:0}
.owj-ui .owj-dining-hub .dining-section-title{margin:0!important;font-size:20px!important;line-height:33px!important;font-weight:700!important;color:#203d32!important;text-shadow:none!important}
.owj-ui .owj-dining-hub .dining-brand-grid{display:flex;flex-wrap:wrap;gap:16px 0;margin:0;padding:0}
.owj-ui .owj-dining-hub .dining-brand-card{display:flex;align-items:center;gap:8px;width:auto;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.owj-ui .owj-dining-hub .dining-brand-card:not(:last-child)::after{content:"·";margin:0 10px;color:#66756b}
.owj-ui .owj-dining-hub .dining-brand-logo{display:none}
.owj-ui .owj-dining-hub .dining-brand-name{margin:0;padding:0;font-size:16px;line-height:27px;font-weight:400;color:#203d32}
.owj-ui .owj-dining-hub .dining-brand-note{margin:0;color:#66756b;font-size:12px;line-height:20px;text-align:left}
.owj-ui .owj-dining-hub .dining-benefit-grid{display:flex;flex-direction:column;gap:0;margin:0;padding:0}
.owj-ui .owj-dining-hub .dining-section:has(>.dining-benefit-grid)>.dining-section-heading,.owj-ui .owj-dining-hub .owj-dining-primary-benefit{display:none}
.owj-ui .owj-dining-hub .dining-benefit-card,.owj-ui .owj-dining-hub .dining-service-card{position:relative;display:flex;align-items:center;gap:12px;box-sizing:border-box;min-width:0;min-height:80px;margin:0;padding:20px 0;border:0;border-bottom:1px solid #e1e7dd;border-radius:0;background:transparent;color:#203d32;text-decoration:none;box-shadow:none}
.owj-ui .owj-dining-hub .dining-benefit-icon,.owj-ui .owj-dining-hub .dining-service-icon{display:block;flex:0 0 28px;width:28px;height:28px;margin:0;padding:0;border:0;border-radius:0;background:transparent url('/bionovo_consumer_h5/static/src/img/owj/dining/gift.svg') left center/24px 24px no-repeat;font-size:0;line-height:0;color:transparent}
.owj-ui .owj-dining-hub .dining-benefit-card:last-child .dining-benefit-icon{background-image:url('/bionovo_consumer_h5/static/src/img/owj/dining/invite.svg')}
.owj-ui .owj-dining-hub .dining-benefit-card>h3{flex:1;min-width:0;margin:0!important;padding:0;font-size:16px!important;line-height:27px!important;font-weight:400!important;color:#203d32!important;text-shadow:none!important}
.owj-ui .owj-dining-hub .dining-benefit-card>p,.owj-ui .owj-dining-hub .dining-benefit-action,.owj-ui .owj-dining-hub .dining-section-lead,.owj-ui .owj-dining-hub .dining-service-copy>small{display:none}
.owj-ui .owj-dining-hub .dining-benefit-card::after{content:"";flex:0 0 20px;width:20px;height:20px;background:url('/bionovo_consumer_h5/static/src/img/owj/chevron.svg') center/contain no-repeat}
.owj-ui .owj-dining-hub .dining-nutrition-wrap{display:none}
.owj-ui .owj-dining-hub .dining-service-grid{display:flex;flex-direction:column;gap:0;margin:0;padding:0}
.owj-ui .owj-dining-hub .dining-service-icon>i{display:none}
.owj-ui .owj-dining-hub .dining-service-card:first-child .dining-service-icon{background-image:url('/bionovo_consumer_h5/static/src/img/owj/dining/orders.svg')}
.owj-ui .owj-dining-hub .dining-service-card:last-child .dining-service-icon{background-image:url('/bionovo_consumer_h5/static/src/img/owj/dining/support.svg')}
.owj-ui .owj-dining-hub .dining-service-copy{flex:1;min-width:0}
.owj-ui .owj-dining-hub .dining-service-copy>strong{font-size:16px;line-height:27px;font-weight:400;color:#203d32!important}
.owj-ui .owj-dining-hub .dining-service-arrow{flex:none;width:20px;height:20px;background:url('/bionovo_consumer_h5/static/src/img/owj/chevron.svg') center/contain no-repeat;font-size:0;color:transparent}
.owj-ui .owj-dining-hub .dining-closing{display:block;margin:0;padding:0;border:0;background:transparent}
.owj-ui .owj-dining-hub .dining-closing>:not(.dining-install-card){display:none}
.owj-ui .owj-dining-hub .dining-install-card{margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.owj-ui .owj-dining-hub .dining-install-card>.d-flex{display:block!important}
.owj-ui .owj-dining-hub .dining-install-card>.d-flex>img,.owj-ui .owj-dining-hub .dining-install-card>.d-flex>.text-start{display:none}
.owj-ui .owj-dining-hub [data-action="install-app"]{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin:0;padding:12px 20px;border:1px solid #e1e7dd;border-radius:8px;background:#fff;color:#205642!important;font-size:14px;line-height:22px;font-weight:500}
/* State illustrations carry distinct semantics and remain centered at their original 96px size. */
.owj-ui .bch5-main>main.owj-dining-state{min-height:594px}
.owj-ui .bch5-main>main.owj-dining-state>.mx-auto{display:flex;flex-direction:column;align-items:center;gap:24px;min-width:0;width:100%;max-width:none!important;margin:32px 0 0!important;padding:0;text-align:center!important}
.owj-ui .bch5-main>main.owj-dining-state>.mx-auto::before{content:"";display:block;flex:none;width:96px;height:96px;margin:0 auto;background:center/contain no-repeat}
.owj-ui .bch5-main>main.owj-dining-state--entry-error>.mx-auto::before{background-image:url('/bionovo_consumer_h5/static/src/img/owj/dining/entry-error.svg')}
.owj-ui .bch5-main>main.owj-dining-state--payment-error>.mx-auto::before{background-image:url('/bionovo_consumer_h5/static/src/img/owj/dining/payment-error.svg')}
.owj-ui .bch5-main>main.owj-dining-state--payment-handoff>.mx-auto::before{background-image:url('/bionovo_consumer_h5/static/src/img/owj/dining/payment-handoff.svg')}
.owj-ui .bch5-main>main.owj-dining-state h1{margin:0!important;padding:0;font-size:22px!important;line-height:35px!important;font-weight:700!important;color:#203d32!important;text-shadow:none!important}
.owj-ui .bch5-main>main.owj-dining-state :is(.alert,p){margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#66756b!important;font-size:14px;line-height:23px}
.owj-ui .bch5-main>main.owj-dining-state .btn{margin-top:12px}
/* Install prompt keeps original PWA capability detection, help and event target. */
.owj-ui .bch5-main>main.owj-dining-install{min-height:594px}
.owj-ui .bch5-main>main.owj-dining-install>.mx-auto{max-width:none!important;margin:0!important;padding:0}
.owj-ui .bch5-main>main.owj-dining-install section{display:flex;flex-direction:column;gap:24px;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.owj-ui .bch5-main>main.owj-dining-install h1{margin:0 0 8px!important;font-size:26px!important;line-height:38px!important;font-weight:700!important;text-align:left;color:#203d32!important;text-shadow:none!important}
.owj-ui .bch5-main>main.owj-dining-install section>p{display:none}
.owj-ui .bch5-main>main.owj-dining-install .dining-install-card{margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.owj-ui .bch5-main>main.owj-dining-install .dining-install-card>.d-flex{display:flex!important;flex-direction:column;gap:24px!important;align-items:center!important}
.owj-ui .bch5-main>main.owj-dining-install .dining-install-card img{display:block;flex:none;width:56px;height:56px;object-fit:contain;margin:0 auto}
.owj-ui .bch5-main>main.owj-dining-install .dining-install-card .text-start{text-align:center!important}
.owj-ui .bch5-main>main.owj-dining-install .dining-install-card strong{display:block;color:#203d32!important;font-size:22px;line-height:35px;font-weight:700}
.owj-ui .bch5-main>main.owj-dining-install .dining-install-card .small{font-size:14px;line-height:23px;color:#66756b}
.owj-ui .bch5-main>main.owj-dining-install .dining-install-card .text-start>.small{display:none}
.owj-ui .bch5-main>main.owj-dining-install .btn{margin:0!important}
.owj-ui .bch5-main>main.owj-dining-install section>a.btn{border-color:#e1e7dd;background:#fff;color:#205642!important}
.owj-ui :is(.owj-dining-hub,.owj-dining-install) .o_neo_install_help:not(.d-none){margin-top:16px!important;padding:16px;border-radius:8px;background:#eaf0e4;color:#205642;font-size:14px;line-height:23px;text-align:left!important}
.owj-ui :is(.owj-dining-hub,.owj-dining-install,.owj-dining-state) :is(a,button):focus-visible{outline:2px solid #205642;outline-offset:3px}
@media(min-width:768px){.owj-ui .owj-dining-hub{max-width:800px;margin:0 auto;padding:32px!important}.owj-ui .bch5-main>main.owj-dining-state,.owj-ui .bch5-main>main.owj-dining-install{max-width:640px;margin:0 auto;padding:32px!important}.owj-ui .owj-dining-hub .dining-food-collage{max-height:360px}.owj-ui .owj-dining-hub .dining-brand-grid{gap:16px}}
/* Clear legacy shell/card surfaces and explicitly preserve horizontal service rows. */
.owj-ui .owj-dining-hub .dining-page,.owj-ui .owj-dining-hub .dining-section{background:transparent!important;box-shadow:none!important;border-radius:0!important}
.owj-ui .owj-dining-hub .dining-benefit-card,.owj-ui .owj-dining-hub .dining-service-card{flex-direction:row}
.owj-ui .owj-dining-hub .dining-benefit-card.owj-dining-primary-benefit{display:none}
.owj-ui .owj-dining-hub .dining-benefit-card{min-height:80px!important}

/* Preserve the original context-aware account/login action; it can differ from the global account destination. */
.owj-ui .owj-dining-hub .dining-member-status-wrap{display:block;margin:0;padding:0}
.owj-ui .owj-dining-hub .dining-member-status-wrap .bionovo-member-status{display:flex;align-items:center;gap:12px;box-sizing:border-box;min-height:48px;width:100%;padding:12px 16px;border:1px solid #e1e7dd;border-radius:8px;background:#fff;box-shadow:none;color:#205642;font-size:14px;line-height:23px;text-decoration:none}
.owj-ui .owj-dining-hub .bionovo-member-status-copy{min-width:0;flex:1;overflow-wrap:anywhere;white-space:normal}
.owj-ui .owj-dining-hub .bionovo-member-status-copy strong{font-size:inherit;color:#203d32}
.owj-ui .owj-dining-hub .bionovo-member-status-copy>span{display:block;font-size:12px;color:#66756b}
.owj-ui .owj-dining-hub .bionovo-member-status-action{flex:none;white-space:nowrap;color:#205642}
.owj-ui .owj-dining-hub .bionovo-member-status-dot{flex:none;width:6px;height:6px;border:0;border-radius:50%;background:#205642}
