/* Current f86 light UI, adapted to existing web components. Desktop is unchanged. */
.gz-home-service-cards,.gz-service-heading,.gz-home-social { display: none; }
.gz-trip-role-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px; }
.gz-trip-role { min-width:0;display:grid;gap:9px;padding:16px;border:1.5px solid transparent;border-radius:18px;background:var(--gz-surface);color:var(--gz-ink);text-align:left;cursor:pointer;box-shadow:var(--gz-shadow); }
.gz-trip-role.is-selected { border-color:var(--gz-brand);background:var(--brand-primary-soft,#e8f0ff); }
.gz-trip-role > span:first-child { display:flex;align-items:center;justify-content:space-between; }
.gz-trip-role svg { width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8; }
.gz-trip-role-icon { display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#e8f0ff;color:var(--gz-brand); }
.gz-trip-role.is-selected .gz-trip-role-icon { background:var(--gz-brand);color:white; }
.gz-trip-role-check { display:grid;place-items:center;width:20px;height:20px;border:1.5px solid var(--gz-line);border-radius:50%; }
.gz-trip-role.is-selected .gz-trip-role-check { background:var(--gz-brand);border-color:var(--gz-brand);color:white; }
.gz-trip-role-check svg { width:12px;height:12px; }
.gz-trip-role strong { font-size:15.5px;line-height:21px;font-weight:600;overflow-wrap:anywhere; }
.gz-trip-role small { font-size:12px;line-height:17px;color:var(--gz-ink-3); }
.gz-profile-row-icon { display:grid;place-items:center;width:28px;height:28px;color:var(--gz-brand); }
.gz-profile-row-icon svg { width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
@media (min-width:761px) {
  .ride-result-tabs { min-width:320px; }
}

@media (max-width:760px) {
  .account-screen[data-workspace-view=shareTrip] .mobile-tab-bar { display:none!important; }
  .gz-native-home .topbar { position:relative;top:auto;background:#005ffb;backdrop-filter:none;padding:calc(10px + env(safe-area-inset-top,0px)) 16px 0;min-height:64px; }
  .gz-native-home .topbar .logo-primary { fill:#fff; }
  .gz-native-home .mobile-header-button,.gz-native-home .mobile-language-switcher summary { color:white;background:rgb(255 255 255 / 18%);border-color:transparent; }
  .gz-native-home .mobile-language-switcher .blog-language-chevron { border-color:white; }
  .gz-native-home .mobile-language-switcher .blog-language-menu { color:var(--gz-ink); }
  .gz-native-home .gz-home-service-cards { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:10px;width:100%;margin:0;padding:22px 16px 24px;border-radius:0 0 28px 28px;background:#005ffb; }
  .gz-home-service-cards > button { display:flex;flex-direction:column;align-items:center;gap:0;min-width:0;padding:18px 8px 16px;border:0;border-radius:22px;background:white;color:#0f172a;box-shadow:0 10px 24px #00236e38;text-align:center;cursor:pointer; }
  .gz-home-service-icon { display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#e8f0fe;color:#005ffb; }
  .gz-home-service-icon svg { width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round; }
  .gz-home-service-cards strong { margin-top:14px;font:800 16.5px/22px Poppins,Inter,sans-serif;overflow-wrap:anywhere; }
  .gz-home-service-cards small { margin-top:4px;font:400 12.5px/18px Inter,sans-serif;color:#6b7280;overflow-wrap:anywhere; }
  .gz-native-home :is(.home-quick-actions,.home-secondary-actions,.homes-section,.restact-section,.results-section) { display:none!important; }
  .gz-native-home #mobile-app-suggestions { display:block!important;margin-top:0; }
  .gz-native-home .mobile-suggestion-section { margin-bottom:24px; }
  .gz-native-home .mobile-suggestion-section h2 { font-size:20px;line-height:28px; }
  .gz-native-home .mobile-place-suggestion-card { flex-basis:208px;width:208px;background:transparent;box-shadow:none;border:0; }
  .gz-native-home .mobile-place-suggestion-card .mobile-suggestion-image { height:140px;border-radius:16px;overflow:hidden; }
  .gz-native-home .mobile-place-suggestion-card .mobile-suggestion-copy { padding:11px 0 8px; }
  .gz-native-home .mobile-place-suggestion-card strong { font-size:14.5px;line-height:20px;font-weight:600; }
  .gz-native-home .mobile-place-suggestion-card small { color:var(--gz-ink-3);font-size:11px;line-height:17px; }
  .gz-native-home .gz-home-social { display:block;margin:26px 20px; }
  .gz-home-social > header { display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px; }
  .gz-home-social h2 { margin:0;font-size:20px;line-height:28px; }
  .gz-home-social > header button { padding:0;border:0;min-width:44px;min-height:44px;background:transparent;color:var(--gz-brand);font-size:13px;font-weight:600; }
  .gz-home-social-rail { display:flex;gap:13px;overflow:auto;scrollbar-width:none;padding-bottom:8px; }
  .gz-home-social-card { flex:0 0 208px;display:flex;flex-direction:column;width:208px;min-height:264px;padding:0;overflow:hidden;border:1px solid var(--gz-line);border-radius:18px;background:var(--gz-surface);color:var(--gz-ink);text-align:left; }
  .gz-home-social-preview { position:relative;display:flex;flex-direction:column;gap:8px;width:100%;height:172px;overflow:hidden;padding:14px; }
  .gz-home-social-preview:has(>img) { padding:0; }
  .gz-home-social-preview > img { width:100%;height:172px;object-fit:cover; }
  .gz-home-social-preview > span:not(.gz-home-social-video) { display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:20px; }
  .gz-home-social-preview > small { font-size:11px;color:var(--gz-brand); }
  .gz-home-social-preview > b { position:absolute;top:10px;right:10px;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 8px;border-radius:10px;background:var(--gz-surface);color:var(--gz-ink);font-size:11px;font-weight:500; }
  .gz-home-social-video { position:absolute;inset:0;display:grid;place-items:center;color:white;font-size:28px; }
  .gz-home-social-copy { display:grid;gap:7px;padding:12px; }
  .gz-home-social-copy > strong { display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:19px;font-weight:600; }
  .gz-home-social-copy > span { display:flex;align-items:center;gap:6px;min-width:0; }
  .gz-home-social-copy img { flex-shrink:0;border-radius:50%;object-fit:cover; }
  .gz-home-social-copy small { min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--gz-ink-3); }
  .f86-trip-detail-page button { min-width:44px;min-height:44px; }
  .f86-trip-detail-header { grid-template-columns:44px minmax(0,1fr) 44px; }
  .f86-detail-round-button,.f86-detail-header-spacer { width:44px;height:44px; }
  .gz-service-screen .service-strip { display:none; }
  .gz-service-screen .gz-service-heading { display:flex;align-items:center;gap:12px;padding:10px 16px 14px; }
  .gz-service-heading button { display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:0;border-radius:50%;background:var(--gz-chip);color:var(--gz-ink); }
  .gz-service-heading button svg { width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2; }
  .gz-service-heading strong { font:700 23px/30px Poppins,Inter,sans-serif; }
  .mobile-tab { justify-content:center;color:#7f90a5;font-size:10px;font-weight:500; }
  .mobile-tab.active { color:#0e295d; }
  .mobile-publish-tab { position:relative; }
  .mobile-publish-circle { position:static;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#005ffb;box-shadow:none;transform:none; }
  .mobile-publish-circle svg { width:24px;height:24px; }
  .mobile-publish-tab > .sr-only { position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%); }
  .f86-product-screen :is(.gz-section-card,.gz-form-card,.gz-market-card,.gz-state-card) { border:0;border-radius:18px;background:var(--gz-surface);box-shadow:0 4px 10px rgb(26 27 30 / 4.5%); }
  .f86-product-screen .gz-product-header .gz-kicker { display:none; }
  .f86-product-screen .gz-product-header h2 { font:700 25px/34px Poppins,Inter,sans-serif;letter-spacing:-.4px; }
  .gz-social-tabs,.gz-travel-tabs { padding:4px;border:0;border-radius:13px;background:var(--gz-chip);gap:4px; }
  .gz-social-tabs > button,.gz-travel-tabs > button { min-height:44px;border:0;border-radius:10px;background:transparent;color:var(--gz-ink-3);font-size:13px;font-weight:600;box-shadow:none; }
  .gz-social-tabs > button[aria-pressed=true],.gz-travel-tabs > button[aria-pressed=true] { color:var(--gz-ink);background:var(--gz-surface);box-shadow:0 2px 8px #00000014; }
  .gz-travel-shortcuts { display:flex;flex-wrap:nowrap;gap:7px;overflow-x:auto;scrollbar-width:none;padding:0 0 4px; }
  .gz-travel-shortcuts > button { flex:0 0 auto;min-height:44px;padding:8px 13px;border:1px solid var(--gz-line);border-radius:11px;background:var(--gz-surface);color:var(--gz-ink-2);font-size:13px;font-weight:600; }
  .gz-travel-shortcuts > button[aria-pressed=true] { border-color:var(--gz-ink);background:var(--gz-ink);color:var(--gz-surface); }
  .gz-travel-driving-links { display:grid;gap:8px; }
  .gz-travel-driving-links > button { display:flex;justify-content:space-between;align-items:center; }
  [data-travel-type] > h3 { font-size:18px;line-height:26px;margin:20px 0 12px; }
  .gz-create-sheet h2 { font:500 28px/36px Inter,sans-serif; }
  .gz-create-content h3 { font:400 14px/20px Inter,sans-serif;color:var(--gz-ink-3);text-transform:none;letter-spacing:0; }
  .gz-create-row { gap:16px;min-height:76px;padding:14px 0; }
  .gz-create-row > svg:first-child { width:27px;height:27px; }
  .gz-create-row strong { font:500 18px/25px Inter,sans-serif; }
  .gz-create-row small { font:400 13px/19px Inter,sans-serif;color:var(--gz-ink-2); }
  .gz-publish-progress li { height:6px;border-radius:3px; }
  .gz-publish-heading h2 { font-size:25px;line-height:32px;font-weight:800; }
  .f86-product-screen [data-f86-form=mobile-publish-role] { background:transparent;box-shadow:none; }
  .gz-profile-menu { border:0;box-shadow:0 4px 10px rgb(26 27 30 / 4.5%); }
  .gz-profile-menu > :is(button,a) { min-height:58px;border:0;font-weight:500; }
  .gz-profile-menu .gz-feature-icon { background:transparent;color:#005ffb; }
  .stay-card { background:transparent;border:0;box-shadow:none;border-radius:20px; }
  .stay-card .place-image-wrap { overflow:hidden;border-radius:20px;aspect-ratio:1.45;height:auto; }
  .stay-card .place-image-wrap img { width:100%;height:100%;object-fit:cover; }
  .stay-card .stay-content { padding:14px 0 12px; }
  .stay-card h3 { font:600 17px/24px Inter,sans-serif; }
  .stay-card .stay-location { margin:5px 0;color:var(--gz-ink-3);font-size:13px; }
  .stay-card .stay-attributes { gap:6px 10px;margin-top:9px; }
  .stay-card .stay-attribute { padding:0;border:0;background:transparent;color:var(--gz-ink-2);font-size:12.5px; }
  .stay-card .stay-price-line { margin-top:11px; }
  .stay-card .stay-price-line strong { font:600 18px/24px Inter,sans-serif; }
}
@media (max-width:359px) {
  .gz-native-home .gz-home-service-cards { gap:8px;padding-inline:12px; }
  .gz-home-service-icon { width:48px;height:48px; }
  .gz-home-service-cards strong { font-size:15px; }
}