/* Rideclu runtime style overrides.
 *
 * Served by nginx straight from this mounted file, so edits apply WITHOUT a
 * website rebuild and WITHOUT an nginx reload — just:
 *   1. edit this file (on the VM: ~/compose/yc/compose/qa/nginx/overrides/,
 *      or in the infra repo + git pull on the VM),
 *   2. hard-refresh the page (Cmd/Ctrl+Shift+R).
 *
 * These rules load AFTER the bundled component CSS, but Vue scoped styles carry
 * an extra attribute selector, so use !important here to win.
 * Applies to the rideclu domain only (linked via useWebsiteMeta).
 */

/* --- App-download banner (home page) --- */
.app-download-banner .banner-phone {
  width: 340px !important;
}

/* Examples you can uncomment/tweak: */
/* .app-download-banner .banner-content { padding-left: 24px !important; } */
/* .app-download-banner .banner-title { font-size: 40px !important; } */