/* MG's original 2023 art palette. Neutral ink supports readable body copy. */
#mg-vendor-ribbon-expanded{--mg-orange:#ff9800;--mg-tan:#deb681;--mg-peach:#f7a770;--mg-clay:#a87756;--mg-ink:#302720;--mg-brown:#3b2b25;--mg-milk:#fff5e6}
/* Preserve the approved landing-page composition; soften its customer controls. */
#mg-vendor-ribbon-expanded :is(.mg-menu,.mg-pickup,.mg-save){border-radius:999px}
#mg-vendor-ribbon-expanded .mg-menu{padding-inline:26px;box-shadow:0 3px 0 #060d09}
#mg-vendor-ribbon-expanded .mg-pickup{padding-inline:23px}
#mg-vendor-ribbon-expanded .mg-icon-button{border-radius:50%}
#mg-vendor-ribbon-expanded .mg-dialog{border-radius:28px}
#mg-vendor-ribbon-expanded .mg-dialog-close{border-radius:999px}
#mg-vendor-ribbon-expanded .mg-option{border-radius:14px}
#mg-vendor-ribbon-expanded .mg-offer-card{border-radius:22px;overflow:hidden}
#mg-vendor-ribbon-expanded .mg-offer-badge{border-radius:0 0 0 26px}
#mg-vendor-ribbon-expanded :is(a,button,input,select,summary):focus-visible{outline-color:var(--mg-orange)}

/* The outer menu canvas changes; the actual store-TV artwork stays faithful. */
#mg-vendor-ribbon-expanded #menu.mg-live-menu{background:var(--mg-tan);color:var(--mg-ink)}
#mg-vendor-ribbon-expanded #menu .mg-live-menu-header h2{color:var(--mg-ink)}
#mg-vendor-ribbon-expanded #menu :is(.mg-live-menu-eyebrow,.mg-live-menu-header p:last-child,.mg-live-menu-meta,.mg-live-menu-hint,.mg-live-menu-footer){color:#58402e}
#mg-vendor-ribbon-expanded #menu .mg-live-menu-order{border:1px solid var(--mg-ink);background:var(--mg-orange);color:var(--mg-ink);border-radius:999px;padding-inline:25px;box-shadow:0 3px 0 var(--mg-ink)}
#mg-vendor-ribbon-expanded #menu .mg-live-menu-toolbar{border-color:#3027204a}
#mg-vendor-ribbon-expanded #menu .mg-live-menu-tabs button{border-color:#30272080;color:var(--mg-ink);border-radius:999px}
#mg-vendor-ribbon-expanded #menu .mg-live-menu-tabs button[aria-selected=true]{background:var(--mg-ink);color:var(--mg-milk);border-color:var(--mg-ink)}
#mg-vendor-ribbon-expanded #menu .mg-live-menu-view-tools button{color:var(--mg-ink);border-color:#30272080;border-radius:999px;padding-inline:20px}
#mg-vendor-ribbon-expanded #menu .mg-live-menu-viewer{background:#29241e;border-color:#574536;border-radius:26px}
#mg-vendor-ribbon-expanded #menu .mg-live-menu-pagination{background:#29241e;border-color:#deb68135;color:var(--mg-milk)}
#mg-vendor-ribbon-expanded #menu .mg-live-menu-pagination button{border-color:#deb68180;color:var(--mg-milk);border-radius:999px;padding-inline:20px}
#mg-vendor-ribbon-expanded #menu .mg-live-menu-viewport{background:#201d18;scrollbar-color:#a87756 #201d18}
#mg-vendor-ribbon-expanded #menu .mg-live-menu-footer{border-color:#3027204a}
#mg-vendor-ribbon-expanded #menu .mg-live-menu-notice{background:#fff5e64a;border-color:var(--mg-clay);color:var(--mg-ink);border-radius:16px}
#mg-vendor-ribbon-expanded #menu [data-menu-retry]{border-radius:999px;border-color:#30272080;color:var(--mg-ink)}
#mg-vendor-ribbon-expanded #menu:fullscreen{background:#29241e}
#mg-vendor-ribbon-expanded #menu:fullscreen .mg-live-menu-view-tools button{color:var(--mg-milk);border-color:#deb68180}

/* Peach, tan and warm ink give the retail sections the MG print-art feeling. */
#mg-vendor-ribbon-expanded .mg-shopping{background:var(--mg-peach);color:var(--mg-ink)}
#mg-vendor-ribbon-expanded .mg-shopping-heading{position:relative}
#mg-vendor-ribbon-expanded .mg-shopping-offer strong{color:var(--mg-ink)}
#mg-vendor-ribbon-expanded .mg-shopping-steps{border-color:#30272045}
#mg-vendor-ribbon-expanded .mg-shopping-steps span{color:#67402b}
#mg-vendor-ribbon-expanded .mg-shopping-store{border-color:#30272060;border-radius:26px;overflow:hidden;box-shadow:0 8px 0 #a8775655}
#mg-vendor-ribbon-expanded .mg-shopping-store-bar{background:var(--mg-ink);color:var(--mg-milk)}
#mg-vendor-ribbon-expanded .mg-shopping-footnote{color:#58402e}

#mg-vendor-ribbon-expanded .mg-retail-sections{--retail-forest:#302720;--retail-cream:#fff5e6;--retail-ink:#302720;--retail-amber:#ff9800;--retail-muted:#deb681}
#mg-vendor-ribbon-expanded .mg-retail-atm{background:var(--mg-tan);color:var(--mg-ink)}
#mg-vendor-ribbon-expanded .mg-retail-atm :is(.mg-retail-body,.mg-retail-atm-note){color:#58402e}
#mg-vendor-ribbon-expanded .mg-retail-currency{display:none}
#mg-vendor-ribbon-expanded .mg-retail-equation-total::before{border:2px solid var(--mg-ink);background:#ff98002e;border-radius:999px;transform:rotate(-7deg)}
#mg-vendor-ribbon-expanded .mg-retail-math-sign{color:#67402b}
#mg-vendor-ribbon-expanded .mg-retail-visit{background:var(--mg-brown);color:var(--mg-milk)}
#mg-vendor-ribbon-expanded .mg-retail-visit :is(.mg-retail-body,.mg-retail-map-note,.mg-retail-location-note){color:#e7cbae}
#mg-vendor-ribbon-expanded .mg-retail-visit-details{border-color:#deb68145}
#mg-vendor-ribbon-expanded .mg-retail-directions .mg-retail-button{background:var(--mg-orange);border:1px solid var(--mg-orange);color:var(--mg-ink);border-radius:999px;padding-inline:22px;box-shadow:0 3px 0 #1a120e}
#mg-vendor-ribbon-expanded .mg-retail-directions .mg-retail-button-outline{background:transparent;border-color:var(--mg-tan);color:var(--mg-milk);box-shadow:none}
#mg-vendor-ribbon-expanded .mg-retail-map-frame{border-color:#deb68155;border-radius:24px 24px 0 0}
#mg-vendor-ribbon-expanded .mg-retail-map{filter:none}
#mg-vendor-ribbon-expanded .mg-retail-place-caption{background:#4a352a;border-radius:0 0 24px 24px}
#mg-vendor-ribbon-expanded .mg-retail-about{background:var(--mg-clay);border-color:#30272030;color:#17110e}
#mg-vendor-ribbon-expanded .mg-retail-about :is(.mg-retail-body,.mg-retail-eyebrow,.mg-retail-about-signoff,.mg-retail-origin){color:#17110e}
#mg-vendor-ribbon-expanded .mg-retail-faq{background:var(--mg-tan);color:var(--mg-ink)}
#mg-vendor-ribbon-expanded .mg-retail-faq :is(.mg-retail-eyebrow,.mg-retail-body,.mg-retail-question p,.mg-retail-plus){color:#58402e}
#mg-vendor-ribbon-expanded .mg-retail-questions,#mg-vendor-ribbon-expanded .mg-retail-question{border-color:#30272055}

#mg-vendor-ribbon-expanded .mg-trust-sections{--trust-forest:#302720;--trust-cream:#fff5e6;--trust-amber:#ff9800;--trust-muted:#e7cbae}
#mg-vendor-ribbon-expanded .mg-trust-reviews{background:var(--mg-brown);color:var(--mg-milk);border-color:#deb68130}
#mg-vendor-ribbon-expanded .mg-trust-quotes,#mg-vendor-ribbon-expanded .mg-trust-quote+.mg-trust-quote{border-color:#deb68145}
#mg-vendor-ribbon-expanded .mg-trust-quote-mark{color:var(--mg-peach)}
#mg-vendor-ribbon-expanded .mg-trust-rating>p{color:var(--mg-milk)}
#mg-vendor-ribbon-expanded .mg-trust-value{background:var(--mg-peach);color:var(--mg-ink)}
#mg-vendor-ribbon-expanded .mg-trust-value :is(.mg-trust-eyebrow,.mg-trust-value-intro,.mg-trust-product-brand,.mg-trust-product-detail,.mg-trust-exact-match,.mg-trust-price-context,.mg-trust-other-price,.mg-trust-saving-label,.mg-trust-method){color:#58402e}
#mg-vendor-ribbon-expanded .mg-trust-comparison,#mg-vendor-ribbon-expanded .mg-trust-price-panel,#mg-vendor-ribbon-expanded .mg-trust-price-elsewhere,#mg-vendor-ribbon-expanded .mg-trust-exact-match{border-color:#30272045}
#mg-vendor-ribbon-expanded .mg-trust-art-ring,#mg-vendor-ribbon-expanded .mg-trust-art-ring::after{border-color:#a8775670}
#mg-vendor-ribbon-expanded .mg-trust-saving-amount{background:var(--mg-orange);color:var(--mg-ink);border-radius:50%;padding:21px 16px}
#mg-vendor-ribbon-expanded .mg-trust-value-button{background:var(--mg-ink);color:var(--mg-milk);border-radius:999px;padding-inline:25px;box-shadow:0 3px 0 #a87756}
#mg-vendor-ribbon-expanded .mg-trust-method summary>span:first-child{color:var(--mg-ink)}
#mg-vendor-ribbon-expanded .mg-meta{background:var(--mg-ink);color:var(--mg-milk)}
#mg-vendor-ribbon-expanded .mg-preview{background:#251d18;color:#deb681}

@media(max-width:680px){
 #mg-vendor-ribbon-expanded .mg-shopping-store-bar{padding-inline:15px}
 #mg-vendor-ribbon-expanded .mg-retail-directions .mg-retail-button{padding-inline:17px}
 #mg-vendor-ribbon-expanded #menu .mg-live-menu-viewer{border-radius:20px}
}


#mg-vendor-ribbon-expanded .mg-menu{color:var(--mg-ink)}

/* One composed header, rather than loose brand symbols in blank space. */
#mg-vendor-ribbon-expanded #menu .mg-live-menu-header{display:grid;grid-template-columns:minmax(0,1fr) 330px;align-items:center;gap:48px;margin-bottom:36px;padding-block:8px 22px}
#mg-vendor-ribbon-expanded #menu .mg-live-menu-heading-copy{padding:0;max-width:700px}
#mg-vendor-ribbon-expanded #menu .mg-live-menu-header h2{font-size:clamp(36px,4.5vw,56px);line-height:1.1;max-width:620px;margin:0 0 20px}
#mg-vendor-ribbon-expanded #menu .mg-live-menu-heading-copy>p:last-of-type{font-size:14px;line-height:1.8;max-width:550px;margin:0;color:#58402e}
#mg-vendor-ribbon-expanded #menu .mg-live-menu-heading-copy .mg-live-menu-order{display:inline-flex;align-items:center;min-height:48px;margin-top:25px}
#mg-vendor-ribbon-expanded #menu .mg-brand-menu-composition{display:block;width:100%;height:auto;max-width:330px;justify-self:end}
#mg-vendor-ribbon-expanded .mg-brand-origin{text-align:center;width:100%;max-width:360px;margin:auto}
#mg-vendor-ribbon-expanded .mg-veteran-plaque{padding:24px 22px 17px;background:linear-gradient(120deg,#092d1b,#06210f);color:var(--mg-milk);border:1px solid var(--mg-orange);border-radius:22px;box-shadow:0 5px 0 #30272040}
#mg-vendor-ribbon-expanded .mg-veteran-plaque-main{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;align-items:center;text-align:left}
#mg-vendor-ribbon-expanded .mg-veteran-shield{display:block;width:64px;height:auto}
#mg-vendor-ribbon-expanded .mg-veteran-plaque-copy{display:flex;flex-direction:column;align-items:flex-start}
#mg-vendor-ribbon-expanded .mg-veteran-plaque-copy>strong{font:400 17px/1.3 MGMedium,Arial,sans-serif;text-transform:uppercase;letter-spacing:.2px}
#mg-vendor-ribbon-expanded .mg-veteran-thanks{font:italic 26px/1.15 MGDisplay,Georgia,serif;color:var(--mg-orange);margin-top:10px;border-bottom:1px solid currentColor}
#mg-vendor-ribbon-expanded .mg-veteran-local{font:10px/1.4 MGMedium,Arial,sans-serif;text-transform:uppercase;letter-spacing:.5px;margin-top:6px}
#mg-vendor-ribbon-expanded .mg-veteran-plaque-service{display:block;border-top:1px solid #fff5e635;padding-top:13px;margin-top:18px;font:8px/1.6 MGMedium,Arial,sans-serif;letter-spacing:.6px;text-transform:uppercase}
#mg-vendor-ribbon-expanded .mg-brand-origin .mg-veteran-discount{font:16px/1.65 MGBook,Arial,sans-serif;letter-spacing:0;margin:28px auto 0;color:#17110e;max-width:340px}
#mg-vendor-ribbon-expanded .mg-veteran-discount strong{font-family:MGMedium,Arial,sans-serif;font-weight:500}
@media(max-width:900px){#mg-vendor-ribbon-expanded #menu .mg-live-menu-header{grid-template-columns:minmax(0,1fr) 210px;gap:24px}}
@media(max-width:620px){#mg-vendor-ribbon-expanded #menu .mg-live-menu-header{grid-template-columns:minmax(0,1fr);gap:24px;padding-block:0 10px}#mg-vendor-ribbon-expanded #menu .mg-brand-menu-composition{width:220px;max-width:70%;justify-self:center}#mg-vendor-ribbon-expanded #menu .mg-live-menu-header h2{font-size:37px}#mg-vendor-ribbon-expanded #menu .mg-live-menu-heading-copy>p:last-of-type{font-size:13px}#mg-vendor-ribbon-expanded .mg-veteran-plaque{padding:20px 16px 15px}#mg-vendor-ribbon-expanded .mg-veteran-plaque-main{grid-template-columns:48px minmax(0,1fr);gap:12px}#mg-vendor-ribbon-expanded .mg-veteran-shield{width:48px}#mg-vendor-ribbon-expanded .mg-veteran-plaque-copy>strong{font-size:15px}#mg-vendor-ribbon-expanded .mg-veteran-thanks{font-size:23px}#mg-vendor-ribbon-expanded .mg-veteran-local{font-size:8px}#mg-vendor-ribbon-expanded .mg-brand-origin .mg-veteran-discount{font-size:15px}}

/* The ATM is recognizable before the customer reads the fee explanation. */
#mg-vendor-ribbon-expanded .mg-retail-atm{padding-block:78px 84px}
#mg-vendor-ribbon-expanded .mg-retail-atm-layout{grid-template-columns:.85fr 1.15fr;gap:8%}
#mg-vendor-ribbon-expanded .mg-retail-atm .mg-retail-heading{margin-bottom:14px}
#mg-vendor-ribbon-expanded .mg-atm-condition{display:inline-block;font:15px/1.5 MGMedium,Arial,sans-serif;color:var(--mg-ink);margin:0 0 19px}
#mg-vendor-ribbon-expanded .mg-retail-atm .mg-retail-body{max-width:370px}
#mg-vendor-ribbon-expanded .mg-atm-feature{display:flex;align-items:center;justify-content:center;gap:12px;max-width:540px;width:100%;margin:auto}
#mg-vendor-ribbon-expanded .mg-atm-machine{display:block;width:48%;max-width:250px;height:auto;flex:none}
#mg-vendor-ribbon-expanded .mg-atm-receipt{position:relative;flex:1;max-width:250px;background:var(--mg-milk);border:1px solid #30272070;border-radius:20px;padding:25px 22px 20px;color:var(--mg-ink);transform:rotate(3deg);box-shadow:5px 7px 0 #a8775670;text-align:center}
#mg-vendor-ribbon-expanded .mg-atm-receipt-eyebrow{font:9px/1.5 MGMedium,Arial,sans-serif;letter-spacing:1.5px}
#mg-vendor-ribbon-expanded .mg-atm-net{font:400 93px/1.1 MGDisplay,Georgia,serif;letter-spacing:-3px;margin:10px 0 0}
#mg-vendor-ribbon-expanded .mg-atm-receipt-condition{font:12px/1.5 MGMedium,Arial,sans-serif}
#mg-vendor-ribbon-expanded .mg-atm-breakdown{border-top:1px dashed #30272060;border-bottom:1px dashed #30272060;padding:16px 0;margin:20px 0 15px;font:11px/1.7 MGBook,Arial,sans-serif}
#mg-vendor-ribbon-expanded .mg-atm-breakdown>div{display:flex;justify-content:space-between;gap:8px}
#mg-vendor-ribbon-expanded .mg-atm-breakdown dd{margin:0;font-family:MGMedium,Arial,sans-serif;white-space:nowrap}
#mg-vendor-ribbon-expanded .mg-atm-receipt-note{font:9px/1.7 MGBook,Arial,sans-serif;color:#58402e}
@media(max-width:900px){#mg-vendor-ribbon-expanded .mg-retail-atm-layout{gap:5%}#mg-vendor-ribbon-expanded .mg-atm-feature{gap:5px}#mg-vendor-ribbon-expanded .mg-atm-receipt{padding:23px 15px 18px}#mg-vendor-ribbon-expanded .mg-atm-net{font-size:80px}#mg-vendor-ribbon-expanded .mg-atm-breakdown{font-size:10px}}
@media(max-width:680px){#mg-vendor-ribbon-expanded .mg-retail-atm{padding-block:52px 62px}#mg-vendor-ribbon-expanded .mg-retail-atm-layout{grid-template-columns:1fr;gap:32px}#mg-vendor-ribbon-expanded .mg-atm-feature{max-width:410px}#mg-vendor-ribbon-expanded .mg-atm-machine{width:46%}#mg-vendor-ribbon-expanded .mg-atm-condition{font-size:14px}#mg-vendor-ribbon-expanded .mg-atm-receipt{padding:20px 14px 17px}#mg-vendor-ribbon-expanded .mg-atm-receipt-eyebrow{font-size:8px;letter-spacing:1px}#mg-vendor-ribbon-expanded .mg-atm-net{font-size:72px}#mg-vendor-ribbon-expanded .mg-atm-receipt-condition{font-size:11px}#mg-vendor-ribbon-expanded .mg-atm-breakdown{font-size:10px;margin-top:15px;padding-block:13px}#mg-vendor-ribbon-expanded .mg-atm-receipt-note{font-size:8px}}