/* Only the native /menus/ page consumes these integration adjustments. */
body.menus-page{background:#04090e}
.menus-page>.site-header{position:sticky;top:0;background:#090c0bf5;backdrop-filter:blur(18px);border-bottom-color:#29352d}
.menus-page>.site-header .header-inner{height:92px}
.menus-page>.breadcrumb{position:relative;z-index:3;margin-bottom:0;padding-block:13px;color:#bbc8b4;font-size:12px}
.menus-page .home-experience{--ink:#101612;--muted:#59635b;--paper:#fff;--soft:#f2f4ef;--lime:#d3f669;--green:#293a22;--line:#dce2d9;--accent:#d3f669;--dark:#090c0b;--heading:Space,Arial,sans-serif;--sans:DM,Arial,sans-serif;--mr-gutter:clamp(20px,3.6vw,72px)}
.menus-page .home-experience .menus-product-nav{position:relative;z-index:2;display:flex;align-items:center;justify-content:flex-end;gap:24px;width:min(1152px,calc(100% - 88px));margin:0 auto;padding:9px 0 15px;border-bottom:1px solid #d3f66929;font-size:12px;line-height:1.35;color:#c3d0bb}
.menus-page .home-experience .menus-product-nav a{display:inline-flex;align-items:center;min-height:36px;white-space:nowrap}
.menus-page .home-experience .menus-product-nav a:hover{color:#d3f669}
.menus-page .home-experience .menus-product-nav .menus-staff-link{margin-left:auto}
.menus-page .home-experience .menus-product-nav .menus-nav-cta{background:#d3f669;color:#101612;border-radius:6px;padding:9px 13px;font-weight:700}
.menus-page .home-experience .hero{padding-top:45px}
.menus-page .home-experience .hero-copy{padding-block:0}
.menus-page .home-experience .hero h1{font-size:clamp(47px,5.8vw,76px);line-height:1.04;letter-spacing:-.062em}
.menus-page .home-experience .hero-description{max-width:460px;font-size:17px;line-height:1.65}
.menus-page .home-experience .hero-copy .eyebrow{white-space:normal}
.menus-page .home-experience .menus-enquiry .honeypot{display:none}
.menus-page .home-experience .menus-enquiry .form-status{font-size:14px;line-height:1.55;color:#2c421f}
.menus-page .home-experience .menus-enquiry label>span{margin-left:6px;font-size:.85em;font-weight:400}
.menus-page .home-experience .menus-enquiry input,.menus-page .home-experience .menus-enquiry textarea{font-size:16px}
.menus-page .home-experience .menus-enquiry>p:not(.honeypot){font-size:12px;line-height:1.7}
.menus-page .home-experience .price-card>small a{text-decoration:underline;text-underline-offset:3px}
/* The editable sample uses readable helper text on its white and pale green panels. */
.menus-page .home-experience #playground #menu-demo :is(.md-login-description,.md-login-field,.md-login-field input,.md-form-note,.md-workspace-bottom,.md-status,.md-guest-label,.md-guest-label>span,.md-menu-header>p,.md-menu-header>span,.md-guest-menu-tabs button,.md-filter-label,.md-filter,.md-clear-filters,.md-dietary-note,.md-guest-dish-copy>p,.md-tag-list>span,.md-guest-special,.md-guest-footer,.md-guest-footer button,.md-no-results,.md-demo-disclosure,.md-small-label,.md-workspace-role,.md-tab,.md-icon-button,.md-workspace-intro p,.md-text-button,.md-field-label,.md-photo-caption,.md-category-title>span,.md-item-name-wrap>span,.md-price-value,.md-keyboard-note,.md-order-label,.md-editor-guide>span,.md-editor-guide p,.md-switch,.md-special,.md-edit-button){color:#536b40}
.menus-page .home-experience #playground #menu-demo .md-search input::placeholder{color:#536b40;opacity:1}
.menus-page .home-experience #playground #menu-demo .md-order-buttons button:not(:disabled){color:#536b40}
.menus-page .home-experience #playground>.section-shell>.playground-footnote{color:#536b40}
.menus-page>.site-footer{position:relative;z-index:2;background:#090c0b;color:#c6d3bc}
@media(min-width:1000px) and (min-height:640px){.menus-page .home-experience #playground>.section-shell{height:calc(100dvh - 146px)}}
@media(max-width:850px){.menus-page>.site-header .header-inner{height:85px}.menus-page .home-experience .menus-product-nav{width:calc(100% - 56px);gap:17px;font-size:11px}.menus-page .home-experience .hero-description{font-size:15px}}
@media(max-width:700px){.menus-page>.site-header .header-inner{height:77px}.menus-page>.breadcrumb{padding-block:10px;font-size:11px}.menus-page .home-experience .menus-product-nav{width:calc(100% - 40px);overflow-x:auto;justify-content:flex-start;gap:19px;padding:3px 0 10px;scrollbar-width:none}.menus-page .home-experience .menus-product-nav::-webkit-scrollbar{display:none}.menus-page .home-experience .menus-product-nav .menus-staff-link{margin-left:0}.menus-page .home-experience .hero{padding-top:36px}.menus-page .home-experience .hero h1{font-size:clamp(44px,11.5vw,70px);line-height:1.05;max-width:480px;margin-inline:auto}.menus-page .home-experience .hero-description{font-size:15px;max-width:360px}.menus-page .home-experience .menus-enquiry{padding:24px}.menus-page .home-experience .menus-enquiry label{font-size:13px}}
/* Keep the service choice and website add-on part of the MadeReal menu offer. */
.menus-page .menus-business-types{padding-block:clamp(48px,7vw,100px)}
.menus-page .menus-business-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:36px}
.menus-page .menus-business-grid>a{display:flex;flex-direction:column;gap:16px;padding:clamp(24px,3vw,40px);border:1px solid #34432d;border-radius:24px;background:#111b12;color:#f6f8ee;text-decoration:none;transition:border-color .2s,transform .2s}
.menus-page .menus-business-grid>a:hover{border-color:#d4fc64;transform:translateY(-4px)}
.menus-page .menus-business-grid>a:focus-visible{outline:3px solid #d4fc64;outline-offset:5px}
.menus-page .menus-business-grid span{font-size:12px;letter-spacing:.12em;color:#c3cfb6}
.menus-page .menus-business-grid h3{font-size:clamp(23px,2.2vw,34px);line-height:1.15;letter-spacing:-.04em;margin:0;color:#fff}
.menus-page .menus-business-grid p{color:#c7d0c0;font-size:16px;line-height:1.65;margin:0 0 10px}
.menus-page .menus-business-grid strong{margin-top:auto;font-size:15px;color:#d4fc64}
.menus-page .menus-website-addon{padding:24px;border:1px solid #cedbbd;border-radius:18px;background:#f1f6e8;margin:28px 0}
.menus-page .menus-website-addon h3{font-size:clamp(26px,3vw,38px);line-height:1.12;letter-spacing:-.04em;margin:10px 0 16px;color:#17231a}
.menus-page .menus-website-addon p{font-size:15px;line-height:1.65;color:#45513e}
.menus-page .menus-website-addon .eyebrow{font-size:11px;color:#45513e}
@media(max-width:760px){.menus-page .menus-business-grid{grid-template-columns:1fr}.menus-page .menus-business-grid>a{padding:28px}.menus-page .menus-website-addon{padding:20px}}
@media(prefers-reduced-motion:reduce){.menus-page .menus-business-grid>a{transition:none}.menus-page .menus-business-grid>a:hover{transform:none}}
