/* Visual reference: SUCO_web_mock_landingpage.png, supplied brand package.
   Scope only the customer website; the menu studio remains unchanged. */
.site-body{--green:#0a524f;--salt:#fff;background:white}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-body .preview-bar{background:#063c3a;font-size:12px}
.site-body .site-header{background:var(--green);color:white;padding:17px 6%;min-height:88px}
.site-body .logo img{width:112px;height:38px;object-fit:contain}
.site-body .site-header nav{gap:32px}
.site-body .site-header nav a{font:17px Cervo,Abel,sans-serif;text-transform:uppercase;letter-spacing:.05em}
.site-body .button{border-radius:999px;font:14px Commuter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.025em;min-height:49px;padding:16px 27px}
.site-body .header-order{border-color:#9dbbb6;background:transparent;font-size:11px;padding:12px 20px;min-height:42px}
.site-body .header-order:hover{background:white;color:var(--green)}
.brand-hero{height:690px;position:relative;background:var(--green);display:grid;place-items:center;padding:45px 25px 120px;isolation:isolate}
.brand-hero-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center}
.brand-hero-video{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .6s ease;pointer-events:none}
.brand-hero-video.is-playing{opacity:1}
.site-body .hero-video-toggle{position:absolute;right:25px;top:20px;background:#063c3acc;color:white;border:1px solid #ffffff90;border-radius:999px;padding:10px 16px;font:14px Abel,Arial,sans-serif;min-height:44px;z-index:1}
.site-body .hero-video-toggle:hover{background:#063c3a}
.site-body .hero-video-toggle[hidden]{display:none}
.brand-hero::after{content:'';position:absolute;inset:0;background:rgba(4,28,25,.42);z-index:-1}
.brand-hero-content{text-align:center;color:white;max-width:720px}
.hero-wordmark{width:370px;height:auto;margin:0 auto 18px}
.hero-subbrand{font:29px Cervo,Abel,sans-serif;letter-spacing:.06em;text-transform:uppercase;margin-bottom:22px}
.brand-hero h1{font:22px/1.4 Commuter,Arial,sans-serif;letter-spacing:-.03em;margin-bottom:29px}
.brand-hero .button{background:var(--green);border:1px solid #e5f2ed55;box-shadow:0 4px 15px #00000012}
.brand-hero .button:hover{background:#063b38}
.brand-menu-stage{background:var(--green);position:relative;display:flow-root}
.menu-showcase{width:85%;max-width:1170px;background:#fff;margin:-117px auto 0;padding:46px 60px 35px;position:relative;z-index:2;box-shadow:0 3px 12px #12353010}
.showcase-tabs{display:flex;justify-content:center;max-width:560px;margin:0 auto 38px;background:#f6f5f4}
.showcase-tabs button{flex:1;background:transparent;color:#65716d;border:0;border-radius:0;font:19px Cervo,Abel,sans-serif;letter-spacing:.055em;text-transform:uppercase;padding:14px 15px;min-height:48px}
.showcase-tabs button[aria-selected=true]{background:#fff;color:#173d38;box-shadow:0 1px 8px #00000008}
.showcase-tabs button:hover{color:var(--green);background:#e8f0e9}
.showcase-panel{position:relative;min-width:0}
.showcase-panel .menu-grid{display:flex;gap:32px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:3px;overscroll-behavior-x:contain;padding:6px 3px 14px;scrollbar-width:thin}
.showcase-panel .menu-card{flex:0 0 calc((100% - 64px)/3);min-width:0;scroll-snap-align:start}
.showcase-panel.is-slider .menu-grid{scrollbar-width:none}
.showcase-panel.is-slider .menu-grid::-webkit-scrollbar{display:none}
.showcase-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:10px;min-height:24px}
.showcase-controls[hidden]{display:none}
.showcase-position{margin:0;color:#536d65;font:14px Abel,Arial,sans-serif;letter-spacing:.05em;font-variant-numeric:tabular-nums}
.site-body .showcase-arrow{position:absolute;top:30%;display:grid;place-items:center;width:44px;height:48px;min-height:44px;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--green);font:40px/1 Abel,Arial,sans-serif;cursor:pointer;transition:background .2s,color .2s}
.showcase-prev{left:-51px}.showcase-next{right:-51px}
.site-body .showcase-arrow:hover:not(:disabled){background:#e8f0e9}
.site-body .showcase-arrow:disabled{color:#b8c5be;cursor:default}
.showcase-arrow:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.showcase-panel .card-photo,.site-body .menu-section .card-photo{border-radius:50% 50% 0 0;aspect-ratio:1/1.12;background:#edf5d9}
.showcase-panel .menu-card:nth-child(2) .card-photo{background:#fff4df}
.showcase-panel .menu-card:nth-child(3) .card-photo{background:#ffe5c7}
.showcase-panel .card-title{display:block;text-align:center;margin-top:23px}
.showcase-panel .card-title h3{max-width:none;font-size:18px;margin-bottom:6px;color:#303b38}
.showcase-panel .price{font-size:17px}
.showcase-panel .menu-card p{text-align:center;color:#64766e;font:17px/1.4 Abel,Arial,sans-serif;max-width:270px;margin:8px auto 0}
.showcase-panel .photo-label{top:auto;bottom:10px;left:50%;transform:translateX(-50%);background:#fffdf1;font-size:13px}
.showcase-more{display:block;width:fit-content;margin:31px auto 0;font:16px Cervo,Abel,sans-serif;letter-spacing:.055em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid #b2c1b8;padding-bottom:5px}
.showcase-more span{margin-left:12px}
.brand-seal-section{position:relative;overflow:hidden;text-align:center;padding:77px 7% 60px;color:white}
.brand-seal{width:150px;height:165px;object-fit:contain;margin:0 auto 32px;position:relative}
.brand-seal-section>p{max-width:620px;margin:0 auto 32px;font-size:23px;position:relative}
.brand-watermark{position:absolute;width:550px;height:550px;object-fit:contain;left:-100px;top:30px;opacity:.055;pointer-events:none}
.site-body .flavor-strip{max-width:800px;padding:10px 0 0;background:transparent;color:white;margin:auto;font:29px Cervo,Abel,sans-serif;letter-spacing:.07em;text-transform:uppercase}
.wide-food-photo{height:470px;position:relative;display:grid;place-items:center;isolation:isolate;overflow:hidden}
.wide-food-photo>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 55%;z-index:-2}
.wide-food-photo::after{content:'';position:absolute;inset:0;background:#092a2420;z-index:-1}
.wide-food-photo>.button{box-shadow:0 2px 15px #00000025}
.wide-food-photo.food-parallax{--parallax-travel:56px;height:clamp(360px,32vw,620px);background:#d9ded3}
.food-parallax-image{position:absolute;inset:-60px 0;z-index:-2;transform:translate3d(0,var(--parallax-offset,0px),0);pointer-events:none}
.food-parallax-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.food-parallax.is-parallax-active .food-parallax-image{will-change:transform}
.wide-food-photo.food-parallax::after{background:transparent}
@media(max-width:700px){.wide-food-photo.food-parallax{--parallax-travel:20px;height:330px}.food-parallax-image{inset:-24px 0}}
@media(prefers-reduced-motion:reduce){.food-parallax-image{transform:none!important;will-change:auto!important}}
.mockup-feature-pair{display:grid;grid-template-columns:1fr 1fr;gap:32px;max-width:1250px;padding:65px 5%;margin:auto}
.mockup-feature-pair article{padding:20px 20px 26px;box-shadow:0 4px 26px #142b2410;background:#fff;min-width:0}
.feature-image{display:block;overflow:hidden;background:#e7e3da;border-radius:3px}
.feature-image img{width:100%;aspect-ratio:1.12/1;object-fit:cover}
.mockup-feature-pair article:first-child .feature-image img{object-position:center 20%}
.feature-pair-copy{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:27px 7px 0}
.feature-pair-copy h2{font:26px Cervo,Abel,sans-serif;text-transform:uppercase;letter-spacing:.025em;margin:0 0 10px}
.feature-pair-copy p{font-size:18px;color:#465850;margin:0}
.feature-arrow{background:var(--green);color:white;display:grid;place-items:center;width:50px;height:48px;flex-shrink:0;border-radius:3px;text-decoration:none;font:38px Abel,sans-serif;line-height:1}
.feature-arrow:hover{background:#103c37}
.second-photo{height:590px;text-align:center;color:white}
.second-photo::after{background:rgba(5,40,28,.3)}
.second-photo>img{object-position:center 46%}
.second-photo h2{font:48px Commuter,Arial,sans-serif;letter-spacing:-.04em;margin-bottom:24px}
.second-photo.food-parallax>div{width:88%;max-width:1170px;text-align:left;position:relative}
.wide-food-photo.second-photo.food-parallax::after{background:linear-gradient(90deg,rgba(3,32,29,.48),rgba(3,32,29,.15) 55%,transparent 75%)}
.second-photo.food-parallax h2{text-shadow:0 2px 16px #052a2870}
@media(max-width:700px){.wide-food-photo.second-photo.food-parallax{height:410px}.second-photo.food-parallax>div{text-align:center}.wide-food-photo.second-photo.food-parallax::after{background:rgba(3,32,29,.38)}}
.join-the-fam{background:var(--green);color:white;position:relative;overflow:hidden;text-align:center;padding:85px 6% 40px}
.join-the-fam h2{font:32px Commuter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.03em;margin-bottom:18px;position:relative}
.social-account{font:20px Cervo,Abel,sans-serif;text-transform:uppercase;letter-spacing:.06em;text-decoration:none;position:relative}
.social-watermark{position:absolute;right:-125px;top:0;opacity:.045;pointer-events:none}
.mockup-social-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;background:white;padding:27px;max-width:1130px;margin:65px auto 0;border-radius:3px}
.mockup-social-grid img{width:100%;aspect-ratio:1.15/1;object-fit:cover;border-radius:3px}
.site-body .site-footer{text-align:center;background:var(--green);padding:65px 6% 30px}
.site-body .footer-top{flex-direction:column;padding-bottom:30px;gap:25px}
.site-body .footer-top img{width:60px;height:100px;object-fit:contain}
.site-body .footer-top h2{font:25px Cervo,Abel,sans-serif;text-transform:uppercase;letter-spacing:.03em}
.site-body .footer-top p{font-size:17px}
.site-body .footer-top>.button{font-size:11px;min-height:40px;padding:12px 22px;background:transparent;color:white;border-color:#96b1a8}
.site-body .footer-bottom{justify-content:center;border:0;font:17px Cervo,Abel,sans-serif;text-transform:uppercase;letter-spacing:.03em;padding-top:13px}
.site-body .footer-bottom p{flex-basis:100%;order:2;font:13px Abel,Arial,sans-serif;text-transform:none;opacity:.8}
.site-body .page-intro{background:var(--green);color:white;text-align:center;padding:67px 6%}
.site-body .page-intro h1,.site-body .page-intro p{margin-left:auto;margin-right:auto}
.site-body .page-intro h1{font-size:clamp(36px,4vw,58px)}
.site-body .category-nav{justify-content:center}
.site-body .menu-tools>.search-label{margin:0 auto}
.site-body .menu-section h2{font-family:Cervo,Abel,sans-serif;text-transform:uppercase;letter-spacing:.03em}
@media(prefers-reduced-motion:no-preference){
  @keyframes brand-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
  .brand-hero-content>*{animation:brand-enter .7s cubic-bezier(.2,.65,.3,1) both}
  .brand-hero-content>.hero-subbrand{animation-delay:.09s}
  .brand-hero-content>h1{animation-delay:.16s}
  .brand-hero-content>.button{animation-delay:.23s}
  .showcase-panel:not([hidden]){animation:brand-enter .25s ease-out both}
  .feature-arrow{transition:background .2s,transform .2s}
  .feature-arrow:hover{transform:translateX(3px)}
}
@media(max-width:1050px){
  .site-body .site-header nav{gap:22px}
  .menu-showcase{padding:35px 35px 28px;width:88%}
  .showcase-panel .menu-grid{gap:20px}
  .showcase-panel .menu-card{flex-basis:calc((100% - 40px)/3)}
  .showcase-prev{left:-35px}.showcase-next{right:-35px}
  .site-body .showcase-arrow{width:32px}
  .brand-hero{height:640px}
  .feature-pair-copy{gap:10px}
  .feature-pair-copy h2{font-size:23px}
}
@media(max-width:760px){
  .site-body .site-header{padding:14px 5%;gap:10px;min-height:76px}
  .site-body .logo img{width:82px;height:30px}
  .site-body .nav-toggle{color:white;border-color:#76958e;font:16px Cervo,Abel,sans-serif;text-transform:uppercase;padding:10px 14px}
  .site-body .header-order{padding:11px 15px;font-size:10px;gap:6px;min-height:42px}
  .site-body .site-header nav{align-items:center;padding:18px 0}
  .brand-hero{height:550px;padding:25px 25px 110px}
  .brand-hero-photo{object-position:center}
  .hero-wordmark{width:245px;max-width:90%;margin-bottom:18px}
  .hero-subbrand{font-size:23px;margin-bottom:19px}
  .brand-hero h1{font-size:18px;max-width:290px;margin:0 auto 25px}
  .brand-hero .button{font-size:12px}
  .menu-showcase{width:91%;margin-top:-80px;padding:25px 18px 23px}
  .showcase-tabs{margin-bottom:25px}
  .showcase-tabs button{font-size:16px;min-height:44px;padding:11px 8px}
  .showcase-panel .menu-card{flex-basis:84%}
  .showcase-controls{margin-top:10px}
  .site-body .showcase-arrow{position:static;width:44px;height:44px;border-color:#dbe6df;font-size:32px}
  .showcase-position{min-width:78px;text-align:center}
  .showcase-panel .card-photo{aspect-ratio:1/1.03}
  .showcase-panel .card-title h3{font-size:17px}
  .showcase-panel .menu-card p{font-size:16px}
  .showcase-more{margin-top:20px;font-size:15px}
  .brand-seal-section{padding:52px 7% 45px}
  .brand-seal{width:125px;height:140px;margin-bottom:24px}
  .brand-seal-section>p{font-size:20px}
  .brand-watermark{width:370px;height:400px;left:-170px;top:15px}
  .site-body .flavor-strip{font-size:23px;gap:12px;padding-top:0}
  .wide-food-photo{height:330px}
  .wide-food-photo .button{font-size:11px}
  .mockup-feature-pair{grid-template-columns:1fr;padding:40px 6%;gap:25px}
  .mockup-feature-pair article{padding:15px 15px 22px}
  .feature-pair-copy{padding:22px 3px 0}
  .feature-pair-copy p{font-size:17px}
  .second-photo{height:410px}
  .second-photo h2{font-size:32px}
  .join-the-fam{padding:55px 5% 18px}
  .join-the-fam h2{font-size:27px}
  .social-account{font-size:17px}
  .mockup-social-grid{gap:10px;padding:13px;margin-top:35px}
  .mockup-social-grid img{aspect-ratio:3/4}
  .site-body .site-footer{padding:40px 6% 25px}
  .site-body .footer-top{gap:23px}
  .site-body .footer-bottom{align-items:center;gap:18px}
  .site-body .footer-bottom p{flex-basis:auto}
  .site-body .page-intro{padding:45px 6%}
  .site-body .category-nav{justify-content:flex-start}
}
.site-body .google-reviews{background:#f6f5f0;padding:95px max(5vw,24px);color:#0a524f}
.site-body .reviews-heading,.site-body .reviews-bottom{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;gap:32px;align-items:center}
.site-body .reviews-heading h2{font-size:clamp(30px,3.5vw,48px);font-weight:400;margin:12px 0 32px;letter-spacing:-1.5px}
.site-body .google-rating{display:grid;gap:5px;flex-shrink:0}
.site-body .google-rating strong{font:48px 'Commuter',sans-serif}
.site-body .google-rating strong span{font-size:18px}
.site-body .google-rating>span{font-size:15px}
.site-body .review-grid{max-width:1200px;margin:12px auto 30px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.site-body .review-card{background:white;padding:32px;display:flex;flex-direction:column;align-items:flex-start;border:1px solid #0a524f25;border-radius:4px}
.site-body .review-stars{letter-spacing:4px;font-size:20px}
.site-body .review-card blockquote{font-size:21px;line-height:1.6;margin:22px 0 30px;flex:1;white-space:pre-line;overflow-wrap:anywhere}
.site-body .review-author{display:grid;gap:4px;margin-top:auto}
.site-body .review-author span,.site-body .review-card>a{font-size:14px}
.site-body .review-card>a{margin-top:22px;text-underline-offset:5px}
.google-source-note{font-size:14px;line-height:1.6;max-width:700px}
.site-body .reviews-bottom .button{flex-shrink:0}
.site-body .visit-layout{align-items:start;gap:6%}
.site-body .visit-location{padding:0;min-width:0;border-radius:4px;overflow:hidden}
.visit-map{background:#e1e8df;width:100%;height:380px}
.visit-map iframe{display:block;width:100%;height:100%;border:0}
.visit-location-copy{padding:32px 35px 28px}
.site-body .visit-location-copy h2{font-size:27px;margin-top:0;overflow-wrap:anywhere}
.site-body .visit-location-copy .button{margin-top:4px}
@media(max-width:760px){.visit-map{height:320px}.visit-location-copy{padding:27px 25px}.site-body .visit-location-copy h2{font-size:25px}}
/* One native link per feature card: the image, copy and arrow share a destination. */
.site-body .mockup-feature-pair article{padding:0;box-shadow:none;background:transparent}
.feature-card{display:block;height:100%;padding:20px 20px 26px;background:white;color:inherit;text-decoration:none;border-radius:4px;box-shadow:0 4px 26px #142b2410;cursor:pointer}
.feature-card:focus-visible{outline:3px solid #0a524f;outline-offset:5px;box-shadow:0 12px 30px #142b2426}
.feature-card:is(:hover,:focus-visible) .feature-arrow{background:#063b38}
.feature-card:is(:hover,:focus-visible) h2{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.feature-arrow>span{display:block}
.site-body .feature-card .feature-arrow{transform:none}
.mockup-social-grid>a{display:block;overflow:hidden;border-radius:3px}
.site-body .button:focus-visible{box-shadow:0 5px 16px #063b3833}
.site-body .site-header nav a{position:relative;padding-bottom:5px}
.site-body .site-header nav a::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left}
.site-body .site-header nav a:is(:hover,:focus-visible)::after{transform:scaleX(1)}
.showcase-more span{display:inline-block}
@media(prefers-reduced-motion:no-preference){
  .brand-hero-content>*{animation-fill-mode:backwards}
  .feature-card{transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s ease}
  .feature-image img,.site-body .card-photo>img,.mockup-social-grid img{transition:transform .55s cubic-bezier(.2,.7,.3,1)}
  .feature-arrow>span,.showcase-more span{transition:transform .25s ease}
  .site-body .button,.site-body .hero-video-toggle,.site-body .nav-toggle{transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}
  .mockup-social-grid>a{transition:box-shadow .3s ease,transform .3s ease}
  .site-body .site-header nav a::after{transition:transform .22s ease}
  .feature-card:focus-visible{transform:translateY(-5px)}
  .feature-card:focus-visible .feature-image img,.site-body .card-photo:focus-visible>img,.mockup-social-grid>a:focus-visible img{transform:scale(1.035)}
  .feature-card:focus-visible .feature-arrow>span{transform:translateX(4px)}
  .site-body .button:focus-visible{transform:translateY(-3px)}
  .showcase-more:focus-visible span{transform:translate(3px,-3px)}
  @media(hover:hover) and (pointer:fine){
    .feature-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #142b2426}
    .feature-card:hover .feature-image img,.site-body .card-photo:hover>img,.mockup-social-grid>a:hover img{transform:scale(1.035)}
    .feature-card:hover .feature-arrow>span{transform:translateX(4px)}
    .site-body .button:hover{transform:translateY(-3px);box-shadow:0 7px 18px #063b3830}
    .site-body .hero-video-toggle:hover,.site-body .nav-toggle:hover{transform:translateY(-2px)}
    .mockup-social-grid>a:hover{transform:translateY(-3px);box-shadow:0 7px 18px #063b3830}
    .showcase-more:hover span{transform:translate(3px,-3px)}
  }
  .feature-card:active{transform:translateY(-1px) scale(.99)}
  .site-body .button:active,.site-body .hero-video-toggle:active,.site-body .nav-toggle:active{transform:translateY(0) scale(.98)}
  .mockup-social-grid>a:active{transform:scale(.985)}
}
@media(max-width:760px){.feature-card{padding:15px 15px 22px}}
@media(prefers-reduced-motion:reduce){.site-body .card-photo:is(:hover,:focus-visible)>img{transform:none}}
@media(hover:none){.site-body .card-photo:hover>img,.site-body .button:hover:not(:active){transform:none}}
@media(max-width:700px){.site-body .google-reviews{padding:56px 22px}.site-body .reviews-heading,.site-body .reviews-bottom{display:block}.site-body .google-rating{margin-bottom:30px}.site-body .review-grid{grid-template-columns:minmax(0,1fr);gap:16px}.site-body .review-card{padding:26px}.site-body .review-card blockquote{margin-bottom:24px}.site-body .reviews-bottom .button{margin-top:15px}}

/* Public Google portraits sit alongside the original reviewer attribution. */
.site-body .review-person{display:flex;align-items:center;gap:13px;margin-top:auto;min-width:0;width:100%}
.site-body .review-person .review-author{margin-top:0;min-width:0;overflow-wrap:anywhere}
.site-body .review-avatar{position:relative;display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:50%;overflow:hidden;background:#dbe6df;color:#0a524f;font:15px 'Commuter',sans-serif;box-shadow:0 0 0 1px #0a524f15}
.site-body .review-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}
.site-body .review-avatar img[hidden]{display:none}

/* Social destinations stay editable in Menu Studio. */
.social-intro{position:relative;margin:0 auto 22px;font-size:19px;color:#e2ede7}
.social-links{position:relative;display:flex;justify-content:center;flex-wrap:wrap;gap:14px 22px}
.social-links .social-account{display:inline-flex;align-items:center;gap:22px;min-height:48px;padding:12px 24px;border:1px solid #96b1a8;border-radius:999px;font-size:18px}
.social-links .social-account:hover{background:white;color:var(--green)}
.social-links .social-account:focus-visible{outline:2px solid white;outline-offset:5px}
@media(prefers-reduced-motion:no-preference){.social-links .social-account{transition:background .2s,color .2s,transform .2s}.social-links .social-account:hover{transform:translateY(-2px)}}

/* Salem menu context keeps the supplied brand composition. */
.brand-seal-section .salem-menu-heading{position:relative;font:clamp(23px,2.6vw,34px)/1.35 Commuter,Arial,sans-serif;color:white;margin:25px auto 18px;max-width:900px;padding:0 20px}
.salem-menu-links{position:relative;display:flex;justify-content:center;gap:12px 28px;flex-wrap:wrap;margin:20px auto 32px;padding:0 20px;max-width:900px}
.salem-menu-links a{color:white;font:18px Abel,Arial,sans-serif;text-underline-offset:5px;min-height:44px;display:inline-flex;align-items:center}

.analytics-choice{position:fixed;z-index:1000;bottom:20px;right:20px;max-width:420px;padding:22px;background:#fff;color:#0a524f;box-shadow:0 8px 35px #0003;border:1px solid #c5d5cd;border-radius:8px}.analytics-choice[hidden]{display:none}.analytics-choice p{margin-top:0}.analytics-choice div{display:flex;gap:12px;flex-wrap:wrap}.analytics-choice button{padding:12px;font:inherit;background:#0a524f;color:#fff;border:0;cursor:pointer;border-radius:4px}.analytics-preferences{display:block;background:transparent;color:#0a524f;margin:16px auto;padding:12px;border:0;text-decoration:underline;cursor:pointer;font:inherit}

/* Square toast photos keep the complete serving within the existing arch. */
.site-body .menu-card[data-category="simple-bites"] .card-photo{aspect-ratio:1/1}