.dm-page .pos-split > * { min-width:0; }
.dm-hero-highlight { margin:16px 0; padding:14px 16px; font-weight:600 }
.dm-page .dm-hero-highlight p { margin:0; color:#4f6157; line-height:1.7; }
.dm-page .dm-hero-highlight p + p { margin-top:10px; }
.dm-phone { width:100%; max-width:310px; background:#fff; border:7px solid #20352a; border-radius:35px; padding:14px 17px 20px; box-sizing:border-box; box-shadow:0 20px 40px #20352a16; text-align:left; }
.dm-phone-speaker { width:65px; height:7px; border-radius:10px; background:#20352a; margin:0 auto 20px; }
.dm-phone-brand { font-size:26px; font-weight:750; letter-spacing:-.04em; }
.dm-phone-brand span { color:#247257; }
.dm-phone-caption { font-size:9px; letter-spacing:.08em; margin:12px 0; color:#53655b; }
.dm-categories { display:flex; gap:6px; margin-bottom:14px; }
.dm-categories span { font-size:9px; padding:8px 9px; border-radius:8px; background:#f1f5ef; }
.dm-categories span:first-child { background:#245c45; color:white; }
.dm-dishes article { display:grid; grid-template-columns:78px minmax(0,1fr); gap:10px; padding:13px 0; border-bottom:1px solid #e5ebe5; }
.dm-dishes img { width:78px; height:88px; object-fit:cover; border-radius:10px; }
.dm-dishes strong { font-size:12px; line-height:1.3; display:block; }
.dm-page .dm-dishes p { font-size:10px; line-height:1.5; margin:6px 0; }
.dm-dishes b { font-size:13px; }
.dm-phone-footer { background:#edf5ee; color:#245c45; border-radius:9px; padding:10px; margin-top:15px; font-size:10px; text-align:center; }
.dm-scan-visual { display:flex; align-items:center; justify-content:center; gap:12px; padding:28px 18px; border:1px solid #dce7df; border-radius:28px; background:radial-gradient(ellipse at 30% 80%,#d0e6d5,transparent 65%),#f3f8f0; }
.dm-qr-stand { display:grid; gap:14px; justify-items:center; padding:25px 14px; background:#fffdf5; border:1px solid #d4decf; border-bottom:16px solid #245c45; border-radius:14px; box-shadow:0 12px 28px #20432a12; text-align:center; }
.dm-scan-visual > .dm-qr-stand { flex:0 1 155px; transform:rotate(-5deg); }
.dm-qr-stand img { width:100%; max-width:140px; height:auto; aspect-ratio:1; }
.dm-qr-stand strong { font-size:17px; }.dm-qr-stand b { font-size:12px; }.dm-qr-stand small { font-size:10px; color:#53655b; }
.dm-scan-connector { color:#245c45; font-size:24px; }
.dm-motion-visual { text-align:center; padding:30px; background:#eff5ef; border:1px solid #dce7df; border-radius:26px; }
.dm-motion-visual .dm-phone { margin:22px auto; }
.dm-feature-phone,.dm-enquiry-visual { display:grid; justify-items:center; }.dm-feature-phone { margin-top:26px; }
.dm-table-visual { display:grid; place-items:center; min-height:360px; margin-top:26px; background:radial-gradient(ellipse,#cedcc1,transparent 70%); }.dm-table-visual .dm-qr-stand { width:190px; transform:rotate(-5deg); }
.dm-page .pos-steps { grid-template-columns:repeat(3,minmax(0,1fr)); }
.dm-page .pos-steps h3 { font-size:20px; }
.dm-page .pos-steps p { font-size:16px; line-height:1.7; }
.dm-page .pos-businesses { grid-template-columns:repeat(4,minmax(0,1fr)); }
.dm-business-art { display:grid; place-items:center; background:#edf5ed; border-radius:14px; height:100px; margin-bottom:22px; }
.dm-business-art svg { width:60px; height:60px; margin:0; }
.dm-journey-visual { display:flex; align-items:center; justify-content:center; gap:24px; width:fit-content; max-width:100%; box-sizing:border-box; margin:0 auto 40px; padding:20px 30px; border:1px solid #dce7df; border-radius:20px; background:#f5f8f0; }
.dm-journey-visual img { flex-shrink:0; }.dm-journey-visual strong { font-size:22px; }.dm-journey-visual p { font-size:15px; margin:6px 0 0; }
.dm-browse-note { text-align:center; font-size:16px; line-height:1.65; margin-top:28px; }.dm-browse-note a { color:#245c45; font-weight:650; }
.dm-cta-row { justify-content:center; }.dm-page #digital-menu-form { scroll-margin-top:120px; }
@media(prefers-reduced-motion:no-preference) {
 .dm-motion-visual .dm-dishes article { animation:dm-menu-reveal 7s ease-in-out infinite; }
 .dm-motion-visual .dm-dishes article:nth-child(2) { animation-delay:.35s; }
 .dm-motion-visual .dm-dishes article:nth-child(3) { animation-delay:.7s; }
 @keyframes dm-menu-reveal { 0%,100% { opacity:.4; transform:translateY(7px); } 15%,85% { opacity:1; transform:translateY(0); } }
}
@media(max-width:1100px) { .dm-scan-visual { gap:7px; padding:22px 10px; }.dm-scan-visual > .dm-qr-stand { flex-basis:110px; padding-inline:8px; }.dm-scan-connector { display:none; }.dm-scan-visual .dm-phone { padding-inline:12px; } }
@media(max-width:980px) { .dm-page .pos-steps { grid-template-columns:1fr; }.dm-page .pos-businesses { grid-template-columns:1fr 1fr; }.dm-scan-visual { width:100%; max-width:620px; box-sizing:border-box; margin:auto; gap:20px; }.dm-scan-visual > .dm-qr-stand { flex-basis:150px; } }
@media(max-width:600px) { .dm-scan-visual { flex-direction:column-reverse; gap:22px; }.dm-scan-visual > .dm-qr-stand { flex-basis:auto; width:130px; transform:none; padding-block:16px; }.dm-motion-visual { padding:22px 12px; }.dm-journey-visual { gap:14px; padding:15px; }.dm-journey-visual img { width:65px; height:65px; }.dm-journey-visual strong { font-size:18px; }.dm-journey-visual p { font-size:14px; }.dm-page .pos-steps h3 { font-size:18px; }.dm-page .pos-steps p,.dm-browse-note { font-size:15px; }.dm-page .pos-businesses { grid-template-columns:1fr; }.dm-table-visual { min-height:300px; }.dm-phone { max-width:290px; }.dm-page .pos-hero h1 { overflow-wrap:break-word; } }

/* Fit the Digital Menu hero beneath the desktop header without clipping content. */
@media (min-width: 981px) {
 .dm-page .pos-hero { padding:16px 0 24px; }
 .dm-page .pos-hero .breadcrumbs { margin-bottom:16px; }
 .dm-page .pos-hero .pos-split { gap:32px; }
 .dm-page .pos-hero h1 { font-size:clamp(30px,4.6vh,44px); line-height:1.1; margin:12px 0 16px; }
 .dm-page .pos-hero-copy > p { font-size:14px; line-height:1.6; margin:12px 0; }
 .dm-page .pos-hero-copy > .pos-lead { font-size:20px; line-height:1.4; }
 .dm-page .pos-hero .button-row { margin:18px 0 12px; }
 .dm-page .pos-hero .button { padding:12px 18px; font-size:13px; }
 .dm-page .pos-hero .dm-scan-visual { padding:18px 12px; gap:12px; }
 .dm-page .pos-hero .dm-phone { max-width:280px; padding:12px 14px 14px; border-width:6px; }
 .dm-page .pos-hero .dm-phone-speaker { margin-bottom:12px; }
 .dm-page .pos-hero .dm-phone-brand { font-size:23px; }
 .dm-page .pos-hero .dm-phone-caption { margin:8px 0; }
 .dm-page .pos-hero .dm-categories { margin-bottom:6px; }
 .dm-page .pos-hero .dm-categories span { padding:6px 8px; }
 .dm-page .pos-hero .dm-dishes article { grid-template-columns:64px minmax(0,1fr); padding:9px 0; gap:8px; }
 .dm-page .pos-hero .dm-dishes img { width:64px; height:68px; }
 .dm-page .pos-hero .dm-dishes p { margin:4px 0; }
 .dm-page .pos-hero .dm-phone-footer { padding:8px; margin-top:10px; }
 .dm-page .pos-hero .dm-qr-stand { flex-basis:130px; padding:18px 10px; gap:10px; }
}
@media (min-width:981px) and (max-height:700px) {
 .dm-page .pos-hero { padding:10px 0 16px; }
 .dm-page .pos-hero .breadcrumbs { margin-bottom:10px; }
 .dm-page .pos-hero h1 { margin:8px 0 12px; }
 .dm-page .pos-hero-copy > p { margin:8px 0; line-height:1.5; }
 .dm-page .pos-hero .button-row { margin:12px 0 8px; }
 .dm-page .pos-hero .dm-scan-visual { padding-block:12px; }
}
@media (min-width:981px) and (max-height:700px) {
 .dm-page .pos-hero .dm-phone { padding-block:8px; }
 .dm-page .pos-hero .dm-phone-speaker { margin-bottom:8px; }
 .dm-page .pos-hero .dm-dishes article { padding-block:5px; }
 .dm-page .pos-hero .dm-dishes img { height:56px; }
 .dm-page .pos-hero .dm-phone-caption { margin-block:5px; }
 .dm-page .pos-hero .dm-phone-footer { margin-top:6px; padding:6px; }
}