/* Updated Figma 152841:89913. Desktop retains the approved 152841:89236 composition.
   Mobile uses the design's own image crops and compact cards, not a scaled desktop. */
.food-mobile-only {
  display: none !important;
}
.food-benefit-panel {
  display: contents;
}
@media (max-width: 767px) {
  .food-page #primary .food-mobile-only {
    display: block !important;
  }
  .food-page #primary .food-container {
    width: calc(100% - 24px);
    max-width: 500px;
  }
  .food-page #primary .food-heading {
    font-size: 32px;
    line-height: 0.95;
  }
  .food-page #primary .food-intro {
    font-size: 14px;
    line-height: 1.2;
    margin-top: 12px;
  }
  .food-page #primary .food-gap,
  .food-page #primary .food-ecosystem {
    margin-block: 100px;
  }
  .food-page #primary .food-action {
    min-height: 54px;
    padding: 18px;
  }
  .food-page #primary .food-hero-wrap {
    padding: 0;
    height: 697px;
  }
  .food-page #primary .food-hero {
    height: 697px;
    border-radius: 16px;
  }
  .food-page #primary .food-hero .fc2 {
    width: 742px;
    height: 876px;
    top: -82px;
    left: 50%;
  }
  .food-page #primary .food-hero .fc2 .fc29 {
    left: 39.98%;
    top: 42.58%;
    width: 20.095%;
    height: 12.1%;
  }
  .food-page #primary .food-hero .fc8 {
    top: 101px;
    font-size: 32px;
    line-height: 1;
    width: calc(100% - 24px);
  }
  .food-page #primary .food-hero .fc9 {
    top: 181px;
    background: rgb(255 255 255 / 9%);
    border: 1px solid rgb(255 255 255 / 18%);
  }
  .food-page #primary .food-hero .fc4 {
    top: 517px;
    bottom: auto;
    width: min(325px, calc(100% - 40px));
    font-size: 14px;
    line-height: 1.2;
  }
  .food-page #primary .food-hero .fc5 {
    top: 580px;
    bottom: auto;
    width: 201px;
    font-size: 12px;
    line-height: 1.25;
    white-space: normal;
  }
  .food-page #primary .food-hero .food-action {
    top: 619px;
    bottom: auto;
  }
  .food-page #primary .food-industries {
    padding-inline: 12px;
    scroll-padding-left: 12px;
    margin-top: 24px;
  }
  .food-page #primary .food-industry {
    flex-basis: 291px;
    min-height: 495px;
    border-radius: 16px;
  }
  .food-page #primary .food-industry__photo {
    height: 114px;
    border-radius: 12px;
  }
  .food-page #primary .food-industry__body {
    padding: 24px 8px 8px;
  }
  .food-page #primary .food-industry h3 {
    font-size: 28px;
    line-height: 0.95;
    margin-bottom: 20px !important;
  }
  .food-page #primary .food-industry__topic {
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 20px;
  }
  .food-page #primary .food-industry__body > p {
    font-size: 16px;
    line-height: 1.2;
    margin: -8px 0 20px !important;
  }
  .food-page #primary .food-industry .home-button {
    min-height: 54px;
    padding: 18px;
  }
  .food-page #primary .food-terminal {
    height: 500px;
    border-radius: 16px;
  }
  .food-page #primary .food-terminal .fc130 {
    width: 1244px;
    height: 1225px;
    left: calc(50% - 858px);
    top: -263px;
    opacity: 1;
  }
  .food-page #primary .food-terminal .fc133 {
    left: -270px;
    top: -134px;
    width: 776px;
    height: 489px;
  }
  .food-page #primary .food-terminal .fc134 {
    transform: rotate(78.37deg);
  }
  .food-page #primary .food-terminal .fc135 {
    width: 351px;
    height: 720px;
    filter: blur(38px);
  }
  .food-page #primary .food-terminal .fc136 {
    left: 16px;
    top: 16px;
    width: calc(100% - 32px);
    font-size: 28px;
    font-weight: 700;
  }
  .food-page #primary .food-terminal .fc137 {
    left: 16px;
    top: 178px;
    bottom: auto;
    width: calc(100% - 32px);
    font-size: 14px;
    line-height: 1.2;
  }
  .food-page #primary .food-terminal .fc138 {
    left: 16px;
    top: 86px;
    width: 109px;
  }
  .food-page #primary .food-terminal .fc142 {
    left: 149px;
    top: 86px;
    width: 152px;
  }
  .food-page #primary .food-terminal :is(.fc141, .fc145) {
    font-size: 16px;
    line-height: 1.15;
  }
  .food-page #primary .food-garson {
    margin: 0;
    border-radius: 16px;
    padding-bottom: 39px;
  }
  .food-page #primary .food-garson-scene {
    height: 600px;
  }
  .food-page #primary .food-garson-scene :is(.fc147, .fc151, .fc154),
  .food-page #primary .food-garson-rings {
    display: none;
  }
  .food-page #primary .food-garson-mobile-photo {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
  }
  .food-page #primary .food-garson-scene .fc150 {
    font-size: clamp(70px, 23.6vw, 115px);
    top: 10px;
    z-index: 1;
  }
  .food-page #primary .food-garson-subtitle {
    top: 388px;
    width: 235px;
    font-size: 28px;
    text-transform: none;
    z-index: 1;
  }
  .food-page #primary .food-garson-description {
    top: 454px;
    width: calc(100% - 50px);
    font-size: 14px;
    line-height: 1.2;
    z-index: 1;
  }
  .food-page #primary .food-garson-phone {
    scale: 0.50345;
    height: 580px;
    margin: -100px auto -224px;
    transform-origin: center top;
  }
  .food-page #primary .food-garson-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .food-page #primary .food-garson-card {
    width: 100%;
    max-width: none;
    height: 200px;
    border-radius: 16px;
    overflow: hidden;
  }
  .food-page
    #primary
    .food-garson-card
    > div:not(:is(.fc170, .fc197, .fc235, .fc263, .food-garson-mobile-art)) {
    display: none;
  }
  .food-page #primary .food-garson-card :is(.fc170, .fc197, .fc235, .fc263) {
    inset: 16px auto 16px 16px;
    width: calc(50% - 32px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .food-page
    #primary
    .food-garson-card
    :is(h3, .fc172, .fc199, .fc237, .fc265) {
    width: 100%;
    min-width: 0;
  }
  .food-page #primary .food-garson-card h3 {
    font-size: 20px;
    line-height: 0.95;
  }
  .food-page #primary .food-garson-card :is(.fc172, .fc199, .fc237, .fc265) {
    font-size: 14px;
    line-height: 1.2;
  }
  .food-page #primary .food-garson-mobile-art {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 200px;
    overflow: hidden;
  }
  .food-page #primary .food-garson-mobile-art img {
    position: absolute;
    max-width: none;
  }
  .food-page #primary .fc169 .food-garson-mobile-art img {
    width: 89.05%;
    height: 168.75%;
    top: -76.64%;
    left: 0;
  }
  .food-page #primary .fc177 .food-garson-mobile-art img {
    width: 97.99%;
    height: 84.47%;
    top: 0.03%;
    left: 0.87%;
  }
  .food-page #primary .fc234 .food-garson-mobile-art img {
    width: 134.01%;
    height: 68.5%;
    top: 15.76%;
    left: 6.39%;
  }
  .food-page #primary .fc262 .food-garson-mobile-art img {
    width: 83.74%;
    height: 100.52%;
    top: -10.02%;
    left: 8.13%;
  }
  .food-page #primary .food-garson-link {
    margin: 24px auto 0;
  }
  .food-page #primary .food-benefits > .food-heading {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
  }
  .food-page #primary .food-benefit-grid {
    margin-top: 0;
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .food-page #primary .food-benefit {
    height: 200px;
    border-radius: 16px;
    width: 100%;
    max-width: none;
  }
  .food-page #primary .food-benefit.fc338 {
    display: none;
  }
  .food-page
    #primary
    .food-benefit
    :is(.fc364, .fc372, .fc375, .fc381, .fc389) {
    display: none;
  }
  .food-page #primary .food-benefit :is(.fc369, .fc386) {
    left: 15px;
    top: 15px;
    bottom: 15px;
    width: calc(50% - 32px);
    justify-content: space-between;
    gap: 12px;
  }
  .food-page #primary .food-benefit :is(.fc370, .fc387) {
    font-size: 20px;
    line-height: 0.95;
    width: 100%;
    white-space: normal;
  }
  .food-page #primary .food-benefit :is(.fc371, .fc388) {
    min-width: 0;
    font-size: 14px;
    line-height: 1.2;
    width: 100%;
  }
  .food-page #primary .food-benefit-mobile-art {
    position: absolute;
    max-width: none;
  }
  .food-page #primary .fc363 .food-benefit-mobile-art {
    width: 256px;
    height: 242px;
    left: 46.2%;
    top: -1px;
  }
  .food-page #primary .fc380 .food-benefit-mobile-art {
    width: 233.55px;
    height: 139.91px;
    left: 46.3%;
    top: 34px;
  }
  .food-page #primary .food-benefit.fc286 {
    display: contents;
  }
  .food-page #primary .fc286 > .fc291 {
    display: none;
  }
  .food-page #primary .food-benefit-panel {
    display: block;
    position: relative;
    height: 200px;
    border: 1px solid #e6e6e6;
    border-radius: 16px;
    box-shadow: 0 0 63px rgb(0 0 0 / 3%);
  }
  .food-page #primary .food-benefit-panel h3 {
    inset: 15px auto auto 15px;
    width: 160px;
    font-size: 20px;
    line-height: 0.95;
  }
  .food-page #primary .food-benefit-panel :is(.fc288, .fc295) {
    top: 15px;
    right: 15px;
    left: auto;
    width: 50px;
    height: 50px;
  }
  .food-page #primary .food-benefit-panel :is(.fc290, .fc297) {
    inset: auto auto 15px 15px;
    width: calc(100% - 80px);
    font-size: 14px;
    line-height: 1.2;
    height: auto;
  }
  .food-page #primary .food-benefit--demo {
    height: 500px;
    border-radius: 24px;
  }
  .food-page #primary .food-benefit--demo .fc305 {
    left: 24px;
    top: 24px;
    width: calc(100% - 48px);
    max-width: none;
    font-size: 32px;
    line-height: 1;
  }
  .food-page #primary .food-benefit--demo .fc304 {
    left: 24px;
    top: 104px;
    width: calc(100% - 48px);
    font-size: 16px;
    line-height: 1.2;
  }
  .food-page #primary .food-benefit--demo .fc306 {
    left: 24px;
    top: 177px;
    bottom: auto;
  }
  .food-page #primary .food-benefit--demo .fc330 {
    display: none;
  }
  .food-page #primary .food-benefit--demo :is(.fc308, .fc311, .fc319, .fc324) {
    scale: 0.68;
    transform-origin: top left;
    translate: none;
  }
  .food-page #primary .food-benefit--demo .fc308 {
    left: 114px;
    top: 223px;
  }
  .food-page #primary .food-benefit--demo .fc311 {
    left: 157px;
    top: 251px;
  }
  .food-page #primary .food-benefit--demo .fc319 {
    left: -32px;
    top: 293px;
  }
  .food-page #primary .food-benefit--demo .fc324 {
    left: 77px;
    top: 394px;
  }
  .food-page #primary .food-qr {
    height: 578px;
    min-height: 0;
  }
  .food-page #primary .food-qr .fc392 {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    text-align: center;
  }
  .food-page #primary .food-qr .fc393 {
    top: 0;
    left: 50%;
    translate: -50% 0;
    width: 291px;
    font-size: 32px;
    line-height: 0.95;
  }
  .food-page #primary .food-qr .fc394 {
    top: 76px;
    left: 50%;
    translate: -50% 0;
    width: min(291px, 100%);
    font-size: 20px;
    line-height: 1.05;
  }
  .food-page #primary .food-qr .fc398 {
    top: 422px;
    left: 50%;
    translate: -50% 0;
  }
  .food-page #primary .food-qr .fc395 {
    top: 466px;
    left: 50%;
    translate: -50% 0;
    width: 274px;
    font-size: 14px;
    line-height: 1.2;
    white-space: normal;
  }
  .food-page #primary .food-qr .fc396 {
    top: 524px;
    left: 50%;
    translate: -50% 0;
  }
  .food-page #primary .food-qr .fc414 {
    top: 182px;
    right: auto;
    left: 50%;
    translate: -50% 0;
    transform: scale(0.5);
    transform-origin: top center;
  }
  .food-page #primary .home-lessons {
    margin-block: 100px;
    min-height: 751px;
    width: calc(100% - 24px);
  }
  .food-page #primary .home-lessons__copy {
    padding: 0;
  }
  .food-page #primary .home-lessons h2 {
    max-width: 366px;
    font-size: 32px;
    line-height: 1;
  }
  .food-page #primary .home-lessons h3 {
    margin-top: 16px;
    max-width: 366px;
    font-size: 20px;
    line-height: 0.95;
  }
  .food-page #primary .home-lessons p {
    margin-top: 12px;
    max-width: 366px;
    font-size: 14px;
    line-height: 1.2;
  }
  .food-page #primary .home-lessons__pattern {
    display: none;
  }
  .food-page #primary .home-lessons__person {
    width: 280px;
    height: 372px;
    top: 180px;
    left: 50%;
    translate: -50% 0;
    object-fit: cover;
  }
  .food-page #primary .lesson-previews {
    margin-top: 376px;
  }
  .food-page #primary .food-staff {
    height: 636px;
    padding-top: 0;
  }
  .food-page #primary .food-staff > .food-heading {
    width: 263px;
    line-height: 0.95;
  }
  .food-page #primary .food-staff-tags {
    width: 267px;
    margin-top: 24px;
  }
  .food-page #primary .food-staff > .food-intro {
    width: 257px;
    margin-top: 16px !important;
  }
  .food-page #primary .food-staff-viewport {
    top: 0;
  }
  .food-page #primary .food-staff-art {
    width: 450px;
    height: 821px;
    transform: none;
  }
  .food-page #primary .food-staff-art .fc496 {
    inset: 237px 96px auto 72px;
    height: 281px;
  }
  .food-page #primary .food-staff-art .fc499 {
    left: 213px;
    top: 279px;
    width: 195px;
    height: 542px;
  }
  .food-page #primary .food-staff-art .fc551 {
    left: 291px;
    top: 323px;
    width: 159px;
    height: 377px;
  }
  .food-page #primary .food-staff-art .fc587 {
    left: 0;
    top: 322px;
    width: 130px;
    height: 394px;
  }
  .food-page #primary .food-staff-art :is(.fc518, .fc554, .fc590) {
    display: none;
  }
  .food-page #primary .food-offline-wrap {
    margin: 0;
    height: 706px;
    border-radius: 16px 16px 0 0;
  }
  .food-page #primary .food-offline {
    height: 706px;
  }
  .food-page #primary .food-offline .fc624 {
    width: 100%;
    height: 706px;
    left: 0;
    top: 0;
    opacity: 1;
    translate: none;
  }
  .food-page #primary .food-offline .fc624 img {
    object-fit: cover;
    object-position: center bottom;
  }
  .food-page #primary .food-offline .fc624 .fc627 {
    width: 324.615%;
    height: 100.086%;
    left: -47.176%;
    top: -0.043%;
    object-fit: fill;
  }
  .food-page #primary .food-offline .fc660 {
    left: 12px;
    top: 30px;
    width: calc(100% - 24px);
    font-size: 32px;
    line-height: 0.95;
  }
  .food-page #primary .food-offline .fc661 {
    left: 12px;
    top: 132px;
    width: calc(100% - 24px);
    font-size: 14px;
    line-height: 1.2;
  }
  .food-page #primary .food-offline :is(.fc662, .fc663, .fc664) {
    font-size: 20px;
    line-height: 0.95;
    translate: none;
  }
  .food-page #primary .food-offline .fc662 {
    top: 593px;
    left: 12px;
    width: 121px;
  }
  .food-page #primary .food-offline .fc663 {
    top: 261px;
    left: 35.1%;
    width: 119px;
  }
  .food-page #primary .food-offline .fc664 {
    top: 452px;
    left: 35.1%;
    width: 191px;
  }
  .food-page
    #primary
    .food-offline
    :is(.fc630, .fc633, .fc636, .fc639, .fc642, .fc645) {
    display: flex;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgb(39 39 39 / 15%);
    translate: none;
  }
  .food-page
    #primary
    .food-offline
    :is(.fc630, .fc633, .fc636, .fc639, .fc642, .fc645)
    > div {
    position: relative;
    inset: auto;
    width: 20px;
    height: 20px;
    margin: auto;
  }
  .food-page #primary .food-offline .fc630 {
    top: 453px;
    left: 18px;
  }
  .food-page #primary .food-offline .fc633 {
    top: 524px;
    left: 79%;
  }
  .food-page #primary .food-offline .fc636 {
    top: 270px;
    left: 80%;
  }
  .food-page #primary .food-offline .fc639 {
    top: 161px;
    left: 35%;
  }
  .food-page #primary .food-offline .fc642 {
    top: 230px;
    left: 11%;
  }
  .food-page #primary .food-offline .fc645 {
    top: 358px;
    left: 24%;
  }
  .food-page #primary .food-capabilities {
    margin: 0;
    padding: 50px 0;
    border-radius: 0 0 16px 16px;
    position: relative;
    z-index: 1;
  }
  .food-page #primary .food-capabilities .food-heading {
    text-align: center;
    max-width: 270px;
    margin: auto;
  }
  .food-page #primary .food-capability-grid {
    grid-template-columns: 1fr;
    gap: 8px;
    margin-top: 20px;
  }
  .food-page #primary .food-capability {
    height: 312px;
    width: 100%;
    max-width: none;
    border-radius: 24px;
    grid-column: auto;
  }
  .food-page #primary .food-capability :is(.fc694, .fc754, .fc784) {
    left: 24px;
    top: 24px;
    width: calc(100% - 48px);
    gap: 16px;
    text-align: left;
    align-items: flex-start;
  }
  .food-page #primary .food-capability h3 {
    font-size: 20px;
    line-height: 0.95;
    width: 100%;
    max-width: 100%;
    white-space: normal;
  }
  .food-page
    #primary
    .food-capability
    :is(.fc696, .fc756, .fc786, .fc795, .fc862) {
    font-size: 16px;
    line-height: 1.2;
    width: 100%;
    min-width: 0;
  }
  .food-page #primary .food-capability :is(.fc796, .fc797, .fc863, .fc864) {
    line-height: 1.2;
  }
  .food-page #primary .food-capability :is(.fc798, .fc865) {
    left: 24px;
    top: 24px;
    width: calc(100% - 48px);
  }
  .food-page #primary .food-capability .fc795 {
    left: 24px;
    top: 78px;
    width: calc(100% - 48px);
  }
  .food-page #primary .food-capability .fc862 {
    left: 24px;
    top: 59px;
    width: calc(100% - 48px);
  }
  .food-page #primary .food-capability .fc697 {
    top: 155px;
    left: 50%;
    translate: -50% 0;
    margin: 0;
    scale: 0.68;
    transform-origin: top center;
  }
  .food-page #primary .food-capability .fc748 {
    top: 239px;
    left: 24px;
    translate: none;
    margin: 0;
    height: 50px;
  }
  .food-page #primary .food-capability .fc799 {
    top: 192px;
    margin: 0;
    left: 50%;
    translate: -50% 0;
    scale: 0.85;
    transform-origin: top center;
  }
  .food-page #primary .food-capability .fc832 {
    top: 270px;
    margin: 0;
    left: 50%;
    translate: -50% 0;
    scale: 0.85;
    transform-origin: top center;
  }
  .food-page #primary .food-capability .fc850 {
    top: 292px;
    margin: 0;
    left: 50%;
    translate: -50% 0;
  }
  .food-page #primary .food-capability .fc866 {
    display: none;
  }
  .food-page #primary .food-capability [class*="food-reservation-"] {
    position: absolute;
    max-width: none;
  }
  .food-page #primary .food-reservation-0 {
    left: 31.1%;
    top: 162px;
    width: 37.85%;
    height: auto;
  }
  .food-page #primary .food-reservation-1 {
    left: 71.34%;
    top: 174px;
    width: 26.89%;
    height: auto;
  }
  .food-page #primary .food-reservation-2 {
    left: 1.64%;
    top: 174px;
    width: 26.89%;
    height: auto;
    transform: scaleX(-1);
  }
  .food-page #primary .food-capability :is(.fc759, .fc787) {
    display: none;
  }
  .food-page
    #primary
    .food-capability
    :is(.fc762, .fc765, .fc770, .fc774, .fc779) {
    scale: 0.452;
    transform-origin: top left;
  }
  .food-page #primary .food-capability .fc762 {
    left: 47.6%;
    top: 108px;
  }
  .food-page #primary .food-capability .fc765 {
    left: 80%;
    top: 240px;
  }
  .food-page #primary .food-capability .fc770 {
    left: 38.2%;
    top: 138px;
  }
  .food-page #primary .food-capability .fc774 {
    left: 39.7%;
    top: 213px;
  }
  .food-page #primary .food-capability .fc779 {
    left: 87.5%;
    top: 146px;
  }
  .food-page #primary .food-capability .fc790 {
    left: 45.35%;
    top: 116px;
    width: 167px;
    height: 272px;
    scale: 1;
  }
  .food-page #primary .food-capability :is(.fc757, .fc792) {
    left: 24px;
    right: auto;
    top: auto;
    bottom: 24px;
  }
  .food-page #primary .food-download-wrap {
    height: 710px;
    margin-top: -180px;
    margin-bottom: 100px;
    overflow: hidden;
  }
  .food-page #primary .food-download {
    height: 710px;
    top: -0px;
  }
  .food-page #primary .food-download .fc869 {
    display: none;
  }
  .food-page #primary .food-download .fc874 {
    display: block;
    position: absolute;
    left: calc(50% - 109.57px);
    top: 0;
    width: 511.496px;
    height: 1042.259px;
    scale: 0.42844;
    transform: none;
    transform-origin: top left;
    translate: none;
  }
  .food-page #primary .food-download .fc875 {
    left: 23.61px;
    top: 19.88px;
    margin: 0;
  }
  .food-page #primary .food-download .fc877 {
    left: 0;
    top: 0;
    margin: 0;
  }
  .food-page #primary .food-download .fc879 {
    left: 180.86px;
    top: 33.56px;
    margin: 0;
  }
  .food-page #primary .food-download .fc883 {
    left: calc(50% - 30.74px);
    top: 293px;
    margin: 0;
    scale: 0.42844;
    transform-origin: top left;
  }
  .food-page #primary .food-download .fc887 {
    left: calc(50% - 146.38px);
    top: 296px;
    margin: 0;
    scale: 0.42844;
    transform-origin: top left;
  }
  .food-page #primary .food-download .fc891 {
    left: 20px;
    top: 486px;
    width: calc(100% - 40px);
    gap: 16px;
  }
  .food-page #primary .food-download .fc892 {
    align-items: center;
    gap: 16px;
    text-align: center;
  }
  .food-page #primary .food-download .fc893 {
    width: 280px;
    min-width: 0;
    max-width: 100%;
    font-size: 32px;
    line-height: 1;
  }
  .food-page #primary .food-download .fc894 {
    width: 280px;
    max-width: 100%;
    font-size: 22px;
    line-height: 0.95;
  }
  .food-page #primary .food-download .fc895 {
    width: 100%;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 8px;
  }
  .food-page #primary .food-download :is(.fc896, .fc901) {
    width: calc(50% - 4px);
    max-width: 177px;
    min-height: 50px;
    height: 50px;
    padding: 0;
  }
  .food-page #primary .food-download :is(.fc897, .fc904) {
    top: 24px;
    left: 47px;
    font-size: 16px;
  }
  .food-page #primary .food-download :is(.fc898, .fc905) {
    top: 9px;
    left: 47px;
    font-size: 12px;
  }
  .food-page #primary .food-download :is(.fc899, .fc902) {
    left: 16px;
    top: 14px;
  }
}
@media (max-width: 359px) {
  .food-page #primary .food-hero .fc8 {
    font-size: 28px;
  }
  .food-page #primary .food-offline .fc660 {
    font-size: 28px;
  }
  .food-page #primary .food-offline .fc664 {
    left: 32%;
    width: 65%;
  }
  .food-page #primary .food-garson-card {
    height: 224px;
  }
  .food-page #primary .food-garson-card :is(.fc170, .fc197, .fc235, .fc263) {
    width: calc(50% - 24px);
  }
  .food-page #primary .food-benefit :is(.fc369, .fc386) {
    width: calc(50% - 24px);
  }
  .food-page #primary .food-benefit :is(.fc371, .fc388) {
    font-size: 13px;
  }
  .food-page #primary .food-benefit--demo .fc305 {
    font-size: 28px;
  }
  .food-page #primary .food-benefit--demo .fc304 {
    font-size: 14px;
  }
  .food-page #primary .food-capability .fc795 {
    font-size: 14px;
  }
  .food-page #primary .food-capability .fc862 {
    font-size: 14px;
  }
  .food-page #primary .food-download :is(.fc897, .fc904) {
    left: 38px;
    font-size: 14px;
  }
  .food-page #primary .food-download :is(.fc898, .fc905) {
    left: 38px;
    font-size: 10px;
  }
  .food-page #primary .food-download :is(.fc899, .fc902) {
    left: 10px;
    width: 22px;
    height: 22px;
  }
}

@media (max-width: 767px) {
  .food-page #primary .food-qr .fc436 {
    scale: 1;
    top: -136.69px;
  }
  .food-page #primary .food-garson-link {
    position: absolute;
    right: 16px;
    bottom: 10px;
    margin: 0;
    font-size: 12px;
  }
  .food-page #primary .food-hero > .food-action:not(.food-mobile-only) {
    display: none;
  }
}

@media (max-width: 767px) {
  .food-page #primary .food-capability .fc697 {
    display: none;
  }
  .food-page #primary .food-offline-mobile-art {
    position: absolute;
    left: calc(50% - 82px);
    top: 156px;
    width: 265px;
    height: 156px;
    max-width: none;
  }
  .food-page #primary .food-hero-download {
    position: absolute;
    left: 50%;
    translate: -50% 0;
    top: 619px;
  }
}
@media (max-width: 359px) {
  .food-page #primary .food-benefit:is(.fc363, .fc380) {
    height: 240px;
  }
  .food-page #primary .food-benefit :is(.fc370, .fc387) {
    font-size: 18px;
  }
  .food-page #primary .food-benefit-mobile-art {
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  .food-page #primary .food-desktop-only {
    display: none;
  }
  .food-page #primary .food-capability .fc803 img,
  .food-page #primary .food-capability .fc836 img {
    object-fit: cover;
    object-position: top;
  }
}

/* Keep copy inside the card between the mobile and full desktop layouts. */
@media (min-width: 768px) and (max-width: 1199px) {
  .food-page #primary .food-terminal .fc136 {
    left: 32px;
    width: 42%;
  }
  .food-page #primary .food-terminal .fc137 {
    left: 32px;
    width: 46%;
    font-size: 18px;
  }
  .food-page #primary .food-benefit--demo .fc305 {
    left: 32px;
    width: calc(100% - 64px);
  }
  .food-page #primary .fc150 {
    max-width: 100%;
    font-size: 24vw;
  }
}
.food-industry__photo > .niche-catering-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  object-position: center;
}

/* Keep the rating in flow when the heading wraps. */
.food-hero-heading {
  position: absolute;
  top: 126px;
  left: 50%;
  translate: -50% 0;
  width: min(1000px, calc(100% - 32px));
  display: grid;
  justify-items: center;
  gap: 16px;
}
.food-page #primary .food-hero .food-hero-heading .fc8,
.food-page #primary .food-hero .food-hero-heading .fc9 {
  position: relative;
  top: auto;
  left: auto;
  translate: none;
  margin: 0;
}
.food-page #primary .food-hero .food-hero-heading .fc8 {
  width: 100%;
  white-space: normal;
}
@media (min-width: 1024px) and (max-height: 1000px) {
  .food-hero-heading {
    top: 104px;
  }
  .food-page #primary .food-hero .food-hero-heading .fc8 {
    font-size: 48px;
    line-height: 1.02;
  }
}
@media (max-width: 767px) {
  .food-hero-heading {
    top: 101px;
    width: calc(100% - 24px);
    gap: 12px;
  }
  .food-page #primary .food-hero .food-hero-heading .fc8 {
    font-size: clamp(26px, 7.3vw, 32px);
    line-height: 1;
  }
}