/* Scoped Menu Board promotion and optional package selection. */
.mb-promo { max-width:1400px; margin:0 auto 64px; padding:64px clamp(24px,4vw,64px); display:grid; grid-template-columns:.84fr 1.16fr; gap:48px; align-items:center; background:#101a17; color:#fff; border-radius:24px; position:relative; isolation:isolate; overflow:hidden; scroll-margin-top:100px; }
.mb-promo::before { content:""; position:absolute; inset:0; z-index:-1; background:radial-gradient(ellipse at 90% 25%,#607b3440,transparent 60%),linear-gradient(115deg,transparent 60%,#b8e64b0a); }
.mb-kicker { display:block; font-size:10px; font-weight:800; letter-spacing:1.8px; color:#b8e64b; }
.mb-promo h2 { font-size:clamp(32px,3.5vw,56px); line-height:1.1; letter-spacing:-2px; margin:20px 0; color:#fff; }
.mb-promo-copy>p { font-size:14px; line-height:1.9; color:#bbc6bf; max-width:440px; }
.mb-features { padding:0; list-style:none; margin:28px 0; display:grid; gap:14px; }
.mb-features li { font-size:12px; display:flex; gap:12px; align-items:baseline; }
.mb-features li>span { color:#b8e64b; font-size:17px; }
.mb-promo-actions { display:flex; align-items:center; gap:18px; flex-wrap:wrap; }
.landing-v2 .mb-promo-actions .button { background:#b8e64b; color:#16210b; gap:16px; }
.mb-promo-actions small { color:#b5c0b8; font-size:10px; line-height:1.7; }
.mb-showcase { min-width:0; position:relative; }
.mb-showcase-top { display:flex; justify-content:space-between; gap:12px; align-items:center; margin:0 0 18px; color:#bcc5b5; font-size:8px; letter-spacing:.8px; }
.mb-showcase-top span { display:flex; align-items:center; gap:7px; }
.mb-showcase-top i { width:5px; height:5px; border-radius:50%; background:#b8e64b; box-shadow:0 0 0 4px #b8e64b14; }
.mb-showcase-top b { font-weight:500; }
.mb-display { padding:12px; border:6px solid #292f2c; outline:1px solid #5b6659; border-radius:13px; background:#111310; box-shadow:0 26px 55px #0007; transform:perspective(1000px) rotateY(-5deg) rotateX(2deg); animation:mb-display-float 10s ease-in-out infinite; }
.mb-display-header,.mb-display-footer { display:flex; justify-content:space-between; align-items:center; color:#cfc5a3; font-size:6px; letter-spacing:1px; gap:6px; padding:5px 0 11px; }
.mb-display-header>b { color:#faf6e9; font-size:8px; letter-spacing:1.7px; }
.mb-display-panels { display:grid; grid-template-columns:1fr 1.12fr .84fr; gap:8px; min-height:228px; }
.mb-food-panel,.mb-list-panel,.mb-special-panel { min-width:0; padding:12px 9px; overflow:hidden; }
.mb-food-panel { background:#242c24; display:flex; flex-direction:column; }
.mb-food-panel>span,.mb-special-panel>span { font-size:5px; letter-spacing:1px; color:#d5dcbf; }
.mb-food-panel h3 { color:#f7f4df; font:italic 26px/1.02 Georgia,serif; margin:12px 0 8px; }
.mb-food-panel>img { width:100%; height:95px; object-fit:cover; border-radius:50%; margin:0 0 12px; }
.mb-food-panel strong,.mb-food-panel small { display:block; font-size:7px; }
.mb-food-panel small { font-size:5px; margin-top:4px; color:#bbbfad; }
.mb-list-panel { border-left:1px solid #c9b26728; border-right:1px solid #c9b26728; }
.mb-list-panel h3 { font:15px/1.1 Georgia,serif; color:#dac07e; margin:5px 0 8px; }
.mb-list-panel>small { display:block; font-size:4px; letter-spacing:.6px; color:#b9ae8a; margin-bottom:16px; }
.mb-list-panel>div { display:flex; align-items:baseline; gap:4px; margin-bottom:12px; font-size:6px; }
.mb-list-panel i { border-bottom:1px dotted #e1d7b052; flex:1; }
.mb-list-panel b { font-size:6px; color:#dfc67f; white-space:nowrap; }
.mb-list-panel>div+h3 { margin-top:19px; }
.mb-special-panel { background:#df713e; color:#241708; display:flex; flex-direction:column; }
.mb-special-panel>span { color:#442412; font-weight:800; }
.mb-special-panel>img { width:100%; height:90px; object-fit:cover; margin:16px 0 3px; border-radius:50%; }
.mb-special-panel h3 { font:italic 23px/1.04 Georgia,serif; margin:10px 0 6px; color:#291d0f; }
.mb-special-panel small { font-size:5px; line-height:1.4; }
.mb-special-panel>b { font:20px Georgia,serif; margin-top:auto; padding-top:9px; }
.mb-display-footer { padding:12px 0 0; font-size:5px; }
.mb-display-footer>b { color:#dfc67f; letter-spacing:2px; }
.mb-showcase-bottom { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin:27px 0 12px; }
.mb-showcase-bottom span { font-size:9px; border:1px solid #c7d3bd30; border-radius:20px; padding:7px 12px; color:#d2d9c8; }
.mb-preview-caption { display:block; text-align:center; font-size:8px; color:#a6b19d; }
.mb-uploaded-preview { aspect-ratio:16/10; padding:12px; display:grid; place-items:center; background:#080f0c; border:1px solid #586149; border-radius:14px; }
.mb-uploaded-preview img { width:100%; height:100%; max-height:420px; object-fit:contain; }
.mb-plan-form { margin-top:auto; width:100%; }
.mb-plan-form>.button { width:100%; margin-top:14px; }
.mb-addon-choice { border:1px solid #b8c7b5; border-radius:10px; padding:14px; background:#f1f6ec; color:#183126; text-align:left; }
.mb-addon-check { display:flex; align-items:flex-start; gap:10px; cursor:pointer; }
.mb-addon-check>input { width:18px!important; height:18px!important; min-width:18px; margin:2px 0!important; padding:0!important; accent-color:#325c36; }
.mb-addon-check>span { flex:1; min-width:0; }
.mb-addon-check strong { display:block; font-size:12px; line-height:1.6; color:#17311f; }
.mb-addon-check em { display:inline-block; font-style:normal; font-size:7px; letter-spacing:.5px; margin-left:5px; color:#49643d; }
.mb-addon-check small,.mb-addon-help { display:block; font-size:10px; line-height:1.6; color:#576654; margin-top:4px; }
.mb-addon-check b { display:block; font-size:12px; margin-top:8px; }
.mb-addon-help { margin-top:10px; }
.mb-addon-total { border-top:1px solid #aabc9e; padding-top:12px; margin-top:12px; display:grid; gap:6px; }
.mb-addon-total[hidden] { display:none; }
.mb-addon-total>span { font-size:10px; }
.mb-addon-total>strong { font-size:20px; line-height:1.25; }
.mb-addon-total>small { font-size:9px; line-height:1.6; color:#576654; }
.mb-customer-offer { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:24px; border-radius:16px; background:#172a22; color:#fff; margin-bottom:24px; }
.mb-customer-offer h2 { font-size:20px; color:#fff; margin:10px 0; }
.mb-customer-offer p { font-size:12px; color:#d1dfd4; margin-bottom:0; }
.mb-customer-offer>span { font-size:13px; color:#b8e64b; }
@keyframes mb-display-float { 0%,100% { transform:perspective(1000px) rotateY(-5deg) rotateX(2deg) translateY(0); } 50% { transform:perspective(1000px) rotateY(-3deg) rotateX(1deg) translateY(-6px); } }
@media (max-width:1000px) { .mb-promo { grid-template-columns:1fr; margin:0 20px 48px; padding:40px; gap:40px; } .mb-promo-copy { max-width:620px; } .mb-showcase { width:100%; max-width:660px; margin:auto; } .mb-display-panels { min-height:250px; } .mb-customer-offer { flex-direction:column; align-items:flex-start; } }
@media (max-width:540px) { .mb-promo { margin:0 12px 32px; padding:32px 20px; border-radius:18px; } .mb-promo h2 { letter-spacing:-1px; font-size:36px; } .mb-promo-copy>p { font-size:13px; } .mb-display { padding:7px; border-width:4px; transform:none; animation:none; } .mb-display-panels { min-height:205px; gap:4px; grid-template-columns:1fr 1.2fr; } .mb-special-panel { display:none; } .mb-showcase-top { font-size:6px; } .mb-showcase-top b { display:none; } .mb-showcase-bottom { gap:5px; } .mb-showcase-bottom span { font-size:8px; padding:6px 8px; } .mb-list-panel { border-right:0; } .mb-food-panel h3 { font-size:28px; } .mb-list-panel h3 { font-size:15px; } .mb-list-panel>div,.mb-list-panel b { font-size:7px; } }
@media (prefers-reduced-motion:reduce) { .mb-display { animation:none; } }