.marketing-header .marketing-nav .marketing-nav__mobile-only { display: none; }

.restaurant-solution__module-device-label { display: none; }

@media (max-width: 47.999rem) {
    .marketing-detail[data-page-kind]:not([data-page-kind="contact"]) .marketing-detail__main {
        padding-top: 1.5rem;
    }

    .marketing-detail :is(
        .register-detail, .kiosk-detail, .kitchen-detail,
        .orders-display-detail, .admin-detail, .qr-order-detail
    )::before {
        content: none;
    }

    .register-module__connection > div > p:not(.register-module__eyebrow) { text-wrap: wrap; }

    .admin-detail .admin-detail__scope-visual--apps {
        align-items: stretch;
        grid-auto-rows: 1fr;
    }

    .admin-detail .admin-detail__scope-visual--apps > span {
        overflow-wrap: anywhere;
    }

    .register-module .register-calendar__button {
        display: flex;
        margin-inline: auto;
        max-width: 100%;
        width: fit-content;
    }

    .marketing-detail .register-module-story .landing-story__controls { padding-right: 0; }

    .marketing-detail .restaurant-solution .restaurant-solution__customer-grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto;
        margin-inline: 0;
        overflow: visible;
        padding-inline: 0;
        scroll-snap-type: none;
        touch-action: pan-y pinch-zoom;
    }

    .marketing-detail .restaurant-solution .restaurant-solution__customer-card {
        flex: none;
        scroll-snap-align: none;
        transform: none;
    }

    .marketing-detail .register-detail__faq-item summary {
        align-content: center;
        align-items: start;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .marketing-detail .register-detail__faq-item summary > span[aria-hidden] {
        align-items: center;
        height: 1lh;
    }

    .kiosk-detail .kiosk-detail__flow-stage { min-height: 0; }

    .kiosk-detail .kiosk-detail__flow-scene--operations { align-items: end; }

    .kiosk-detail .kiosk-detail__combined-flow-card { box-shadow: none; }

    .kiosk-detail .kiosk-detail__combined-flow-video {
        aspect-ratio: 2048 / 1570;
        position: relative;
    }

    .kiosk-detail .kiosk-detail__combined-flow-video :is(video, .marketing-video-poster) {
        object-fit: cover;
        object-position: left center;
        transform-origin: left center;
    }

    .kiosk-detail [data-flow-phase="kitchen"] .kiosk-detail__combined-flow-video :is(video, .marketing-video-poster) {
        object-position: right center;
        transform-origin: right center;
    }

    .kiosk-detail [data-kiosk-flow-story] .kiosk-detail__combined-flow-heading > span { display: none; }

    .kiosk-detail [data-flow-phase="register"] .kiosk-detail__combined-flow-heading > span:first-child,
    .kiosk-detail [data-flow-phase="register-complete"] .kiosk-detail__combined-flow-heading > span:first-child,
    .kiosk-detail [data-flow-phase="kitchen"] .kiosk-detail__combined-flow-heading > span:last-child {
        display: inline-flex;
        font-size: 0.875rem;
        min-height: 2.25rem;
    }

    .kiosk-detail .kiosk-detail__flow-timeline ol {
        gap: 0.5rem;
        grid-template-columns: minmax(0, 1fr);
    }

    .kiosk-detail .kiosk-detail__flow-timeline li > button {
        align-items: center;
        min-height: 3.5rem;
        padding: 0.75rem 1rem;
    }

    .kitchen-detail .kitchen-detail__tablet-screen > .marketing-video-poster { object-fit: contain; }

    .kitchen-detail .kitchen-detail__device-visual {
        min-height: 0;
        padding: 1rem;
    }

    .kitchen-detail .kitchen-detail__tablet-device--device {
        aspect-ratio: auto;
        background: #0c1015;
        border: 0.375rem solid #0c1015;
        border-radius: 1rem;
    }

    .kitchen-detail .kitchen-detail__tablet-device--device > img { display: none; }

    .kitchen-detail .kitchen-detail__tablet-device--device .kitchen-detail__tablet-screen {
        aspect-ratio: 1440 / 1004;
        border-radius: 0.625rem;
        inset: auto;
        position: relative;
    }

    .marketing-detail .register-detail__faq-item > .register-detail__muted,
    .marketing-detail .qr-order-detail__faq-item > .qr-order-detail__muted {
        padding-right: 0;
    }

    .landing-consent::backdrop {
        inset: calc(-1 * max(env(safe-area-inset-top), env(safe-area-max-inset-top, 0px))) 0
            calc(-1 * max(env(safe-area-inset-bottom), env(safe-area-max-inset-bottom, 0px), 100vh - 100dvh));
    }

    .landing-page .landing-showcase {
        overflow: clip;
        padding-top: 1.5rem;
    }

    .landing-page .landing-showcase__intro[data-landing-reveal],
    .landing-page .landing-showcase__meta[data-landing-reveal] {
        filter: none;
        opacity: 1;
        scale: none;
        translate: none;
        transform: none;
        transition: none;
        will-change: auto;
    }

    .landing-page .landing-showcase__canvas {
        display: flex;
        flex-direction: column;
        gap: 1.25rem;
        height: auto;
        min-height: 0;
        padding: 1.5rem 1rem 0;
    }

    .landing-page .landing-showcase__content {
        gap: 1.25rem;
        grid-template-rows: min(76vw, 20rem) auto;
        height: auto;
    }

    .landing-page .landing-showcase__stage { min-height: 0; }
    .landing-page .landing-showcase__caption { gap: 0.65rem; min-height: 0; }
    .landing-page .landing-showcase__cta { margin-top: 0.25rem; }

    .landing-page .landing-showcase__meta {
        align-self: stretch;
        background: none;
        bottom: 0;
        padding: 1rem 0 max(1rem, env(safe-area-inset-bottom));
        position: sticky;
        z-index: 5;
    }

    .landing-page .landing-showcase__meta .landing-segmented-control,
    .landing-page .landing-showcase__meta .landing-segmented-control::before {
        box-shadow: none;
    }

    .landing-page .landing-showcase__toggles { gap: 0.5rem; }
    .landing-page .landing-showcase__device-selector { --segment-item-width: 84px; }

    .landing-page .landing-story,
    .landing-page .landing-section,
    .landing-page .platform-section {
        padding-block: 3rem;
    }

    .landing-page .landing-story > .landing-section__heading,
    .landing-page .platform-section__heading { margin-bottom: 1.5rem; }
    .landing-page .landing-story__carousel { gap: 1rem; }
    .landing-page .landing-story__viewport { min-height: 0; }
    .landing-page .platform-section__eyebrow { margin-bottom: 0.75rem; }
    .landing-page .platform-section__subtitle { margin-top: 1rem; }
    .landing-page .roadmap-carousel__viewport { touch-action: pan-y pinch-zoom; }
    .landing-page .roadmap-card__copy { padding: 1.25rem 0.85rem; }
    .landing-page .roadmap-card__index { margin-bottom: 1rem; }
    .landing-page .roadmap-footer { margin-top: 1.5rem; }
    .landing-page .landing-contact { padding-block: 3rem; }
    .landing-page #faq > div { gap: 1.5rem; padding-block: 0; }
    .marketing-detail .marketing-detail__contact { margin-top: 0; }
    .marketing-detail[data-page-kind="contact"] #contact { padding-block: 1.5rem 3rem; }

    .marketing-detail :is(
        .register-detail, .register-module, .kiosk-detail, .kitchen-detail,
        .orders-display-detail, .admin-detail, .qr-order-detail, .integration-detail, .how-detail
    ) {
        row-gap: 3rem;
    }

    .marketing-detail :is(
        .register-detail, .register-module, .kiosk-detail, .kitchen-detail,
        .orders-display-detail, .admin-detail, .qr-order-detail, .integration-detail, .how-detail
    ) > section {
        row-gap: 1.5rem;
    }

    .marketing-detail :is(.register-module__heading, .register-module-story__heading) {
        margin-bottom: 1.5rem;
    }

    .marketing-detail .register-module > :is(
        .register-delivery-banner, .register-calendar, .register-customer-display
    ) {
        margin-block: 0;
    }

    .marketing-detail[data-page-kind="solution"] .restaurant-solution__hero {
        padding-top: 0;
        padding-bottom: 1.5rem;
        row-gap: 1.5rem;
    }

    .marketing-detail[data-page-kind="solution"] :is(
        .restaurant-solution__section, .restaurant-solution__table-service
    ),
    .marketing-detail .restaurant-solution:not(.table-order-solution) .restaurant-solution__module-builder {
        padding-block: 1.5rem;
    }

    .marketing-detail[data-page-kind="solution"] .restaurant-solution__ecosystem {
        padding-block: 0;
    }

    .marketing-detail[data-page-kind="solution"] .restaurant-solution__section {
        row-gap: 1.5rem;
    }

    .marketing-detail[data-page-kind="solution"] :is(
        .restaurant-solution__heading, .restaurant-solution__backend-heading
    ) {
        margin-bottom: 1.5rem;
    }

    .marketing-detail[data-page-kind="solution"] .restaurant-solution__faq > .restaurant-solution__heading {
        margin-bottom: 0;
    }

    .marketing-detail[data-page-kind="solution"] .restaurant-solution__customer-grid { padding-bottom: 0.5rem; }
    .marketing-detail[data-page-kind="solution"] .register-calendar { margin-block: 0 1.5rem; }
    .marketing-detail[data-page-kind="solution"] .restaurant-booking { margin-bottom: 0; }
    .marketing-detail[data-page-kind="solution"] :is(.register-calendar, .restaurant-booking) { row-gap: 1.5rem; }
    .marketing-detail[data-page-kind="solution"] .cafe-solution__configuration-examples { margin-top: 1.5rem; }
    .marketing-detail[data-page-kind="solution"] .retail-solution__customer > blockquote { margin-top: 1.5rem; }
    .marketing-detail[data-page-kind="solution"] .services-solution__context-screen { margin-bottom: 1.5rem; }
    .marketing-detail[data-page-kind="solution"] .restaurant-solution__table-products {
        margin-top: 1.5rem;
        row-gap: 2rem;
    }

    .marketing-detail[data-page-kind="solution"] :is(
        .services-solution__config-grid, .delivery-solution__rider-grid
    ) {
        row-gap: 1.5rem;
    }

    .marketing-detail .marketing-detail__main :is(
        .marketing-application-cta, .kiosk-detail__cta, .kitchen-detail__cta,
        .orders-display-detail__cta, .admin-detail__cta, .qr-order-detail__cta,
        .integration-detail__cta, .how-detail__cta, .restaurant-solution__cta
    ) {
        margin-bottom: 3rem;
        padding-block: 2rem;
    }

    .marketing-detail .pricing-page { padding-bottom: 3rem; }
    .marketing-detail .pricing-page__hero { margin-bottom: 1.5rem; }
    .marketing-detail .pricing-page__faq { margin-top: 2rem; }
    .marketing-detail .quote-picker__group + .quote-picker__group { margin-top: 2rem; }

    html:has(.marketing-nav__panel--open) { overflow: hidden; }

    .marketing-header .marketing-nav .marketing-nav__mobile-only { display: block; }
    .marketing-nav .marketing-nav__register-entry > .marketing-nav__register-link { display: none; }
    .marketing-nav .marketing-nav__panel--open {
        display: flex;
        gap: 0.75rem;
        max-height: calc(100dvh - 7.5rem - env(safe-area-inset-bottom));
        overflow: hidden;
        padding: 0.75rem;
        width: 100%;
    }

    .marketing-nav .marketing-nav__main {
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto;
        overscroll-behavior: contain;
    }

    .marketing-nav .marketing-nav__link,
    .marketing-nav .marketing-nav__submenu a {
        min-height: 3rem;
        padding: 0.75rem;
    }

    .marketing-nav .marketing-nav__modules > summary {
        font-size: 0.9rem;
        font-weight: 600;
        gap: 0.75rem;
        height: auto;
        justify-content: space-between;
        min-height: 3rem;
        padding: 0.75rem;
        position: static;
        width: 100%;
    }

    .marketing-nav .marketing-nav__modules > summary .marketing-nav__chevron { transform: rotate(45deg); }
    .marketing-nav .marketing-nav__modules[open] > summary .marketing-nav__chevron { transform: rotate(225deg); }
    .marketing-nav .marketing-nav__submenu a:hover { transform: none; }
    .marketing-nav .marketing-nav__module-tree { margin-left: 0.5rem; width: calc(100% - 0.5rem); }

    .marketing-nav .marketing-language {
        border-bottom: 1px solid #e4eaf1;
        order: -1;
        padding-bottom: 0.75rem;
    }

    .marketing-nav .marketing-language__trigger { display: none; }
    .marketing-nav .marketing-language__menu {
        background: transparent;
        border: 0;
        display: grid;
        gap: 0.375rem;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        margin: 0;
        opacity: 1;
        padding: 0;
        pointer-events: auto;
        position: static;
        transform: none;
        visibility: visible;
        width: 100%;
    }

    .marketing-nav .marketing-language__option {
        flex-direction: column;
        font-size: 0.75rem;
        gap: 0.375rem;
        justify-content: center;
        min-height: 3.5rem;
        padding: 0.5rem 0.25rem;
        text-transform: capitalize;
    }

    .marketing-nav .marketing-language__option > span:not(.marketing-nav__mobile-only) { display: none; }
    .marketing-nav .marketing-language__option:hover { transform: none; }

    .marketing-detail .register-module__actions { justify-content: center; }

    .marketing-detail .register-detail__instant { gap: 1.5rem; }
    .marketing-detail .register-detail__instant-frame {
        border-radius: 1.5rem;
        gap: 0.375rem;
        min-height: 0;
        padding: 0.625rem;
    }

    .marketing-detail .register-detail__instant-pane {
        border-radius: 1rem;
        gap: 0.5rem;
        grid-template-rows: auto auto;
        min-height: 0;
        padding: 0.625rem;
    }

    .marketing-detail .register-detail__instant-pane-heading { gap: 0.5rem; }
    .marketing-detail .register-detail__instant-pane-heading h6 { font-size: 0.875rem; }
    .marketing-detail .register-detail__instant-pane > .register-detail__muted { display: none; }
    .marketing-detail .register-detail__instant-device { max-width: min(100%, 18rem, calc((100svh - 16rem) * 0.65)); }
    .marketing-detail .register-detail__instant-flow { flex-direction: row; }

    .marketing-detail .register-detail__modules[data-register-layout="stacked"] { gap: 1.5rem; }
    .marketing-detail [data-register-layout="stacked"] .register-detail__module-tabs { display: none; }
    .marketing-detail [data-register-layout="stacked"] .register-detail__module-panel {
        animation: none;
        gap: 1.25rem;
        min-width: 0;
    }

    .marketing-detail [data-register-layout="stacked"] .register-detail__module-link { margin-top: 0; }

    .marketing-detail .restaurant-solution [data-restaurant-modules] .restaurant-solution__module-picker {
        display: none;
    }

    .marketing-detail .restaurant-solution [data-restaurant-modules] .restaurant-solution__module-stage {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
    }

    .marketing-detail .restaurant-solution [data-restaurant-modules] .restaurant-solution__module-panel {
        background: rgba(255, 255, 255, 0.045);
        border: 1px solid rgba(255, 255, 255, 0.14);
        border-radius: 1.5rem;
        color: #fff;
        display: flex;
        flex-direction: column;
        gap: 1rem;
        grid-area: auto;
        min-height: 0;
        min-width: 0;
        opacity: 1;
        padding: 1rem;
        pointer-events: auto;
        transform: none;
        transition: none;
        visibility: visible;
    }

    .marketing-detail .restaurant-solution [data-restaurant-modules] .restaurant-solution__module-copy {
        display: contents;
    }

    .marketing-detail .restaurant-solution [data-restaurant-modules] .restaurant-solution__module-copy > .text-metadata {
        margin: 0;
        order: 0;
    }

    .marketing-detail .restaurant-solution [data-restaurant-modules] .restaurant-solution__module-copy > h3 {
        font-size: 1.5rem;
        line-height: 1.2;
        margin: 0;
        order: 1;
    }

    .marketing-detail .restaurant-solution [data-restaurant-modules] .restaurant-solution__module-copy > .restaurant-solution__muted {
        color: rgba(255, 255, 255, 0.8);
        font-size: 1rem;
        line-height: 1.55;
        margin: 0;
        order: 2;
        text-wrap: wrap;
    }

    .marketing-detail .restaurant-solution [data-restaurant-modules] .restaurant-solution__module-visual {
        background: none;
        border-radius: 0;
        flex: none;
        height: auto;
        min-height: 0;
        order: 3;
        overflow: visible;
        padding: 0;
        width: 100%;
    }

    .marketing-detail .restaurant-solution [data-restaurant-modules] .restaurant-solution__module-link {
        align-items: center;
        align-self: center;
        background: #fff;
        border-radius: 999px;
        color: #123c70;
        display: inline-flex;
        font-size: 1rem;
        justify-content: center;
        margin: 0;
        max-width: 100%;
        min-height: 2.75rem;
        order: 4;
        padding: 0.75rem 1rem;
        text-align: center;
        white-space: normal;
    }

    .marketing-detail .restaurant-solution [data-restaurant-modules] :is(.restaurant-device-video, .retail-device-image) {
        filter: none;
        height: auto;
        max-height: none;
        max-width: 100%;
        width: 100%;
    }

    .marketing-detail .restaurant-solution [data-restaurant-modules] :is(.restaurant-device-video--phone, .restaurant-device-video--kiosk) {
        max-width: 14rem;
    }

    .marketing-detail .restaurant-solution [data-restaurant-modules] .table-order-solution__devices {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
        padding: 0;
    }

    .marketing-detail .restaurant-solution [data-restaurant-modules] .table-order-solution__devices[data-device-count] > .table-order-solution__device[data-device] {
        align-items: center;
        aspect-ratio: auto;
        clip-path: none;
        display: flex;
        flex: none;
        flex-direction: column;
        gap: 0.75rem;
        grid-area: auto;
        height: auto;
        justify-content: flex-start;
        max-height: none;
        transform: none;
        width: 100%;
    }

    .marketing-detail .restaurant-solution [data-restaurant-modules] .table-order-solution__coming-soon {
        align-self: center;
        inset: auto;
        position: static;
        transform: none;
    }

    .marketing-detail .restaurant-solution .restaurant-solution__module-device-label {
        display: block;
        font-size: 0.875rem;
        font-weight: 600;
        text-align: center;
    }
}