html:not([data-device-layout]) .purchase-entry-page .desktop-workbench,
html:not([data-device-layout]) .purchase-entry-page .mobile-workbench,
html[data-device-layout="unknown"] .purchase-entry-page .desktop-workbench,
html[data-device-layout="unknown"] .purchase-entry-page .mobile-workbench {
    display: none;
}

html[data-device-layout="desktop"] .purchase-entry-page .desktop-workbench {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 14px;
    min-height: 0;
    overflow: hidden;
}

html[data-device-layout="desktop"] .purchase-entry-page .mobile-workbench {
    display: none;
}

html[data-device-layout="mobile"] .purchase-entry-page .desktop-workbench {
    display: none;
}

html[data-device-layout="mobile"] .purchase-entry-page .mobile-workbench {
    display: grid;
    gap: 10px;
    width: 100%;
    max-width: 560px;
    justify-self: center;
    margin-inline: auto;
    min-width: 0;
}