/*
 * Yonder Concept 8C Design System Foundation
 * Phase 11: shared desktop/mobile UI language for the Premium App Companion redesign.
 * This file intentionally sits after style.css so it can modernize ToDate without rewriting each template yet.
 */
:root {
  --y8c-primary: #6c3bff;
  --y8c-primary-2: #8b5cf6;
  --y8c-blue: #3f8cff;
  --y8c-sky: #7cc4ff;
  --y8c-ink: #111436;
  --y8c-ink-2: #2d3158;
  --y8c-muted: #747a9e;
  --y8c-soft: #f7f8ff;
  --y8c-soft-2: #eef3ff;
  --y8c-surface: #ffffff;
  --y8c-line: rgba(96, 102, 155, .14);
  --y8c-line-strong: rgba(96, 102, 155, .22);
  --y8c-green: #27b36a;
  --y8c-warn: #ff9f43;
  --y8c-danger: #ff4f83;
  --y8c-radius-xs: 12px;
  --y8c-radius-sm: 16px;
  --y8c-radius-md: 22px;
  --y8c-radius-lg: 30px;
  --y8c-radius-xl: 38px;
  --y8c-shadow-sm: 0 10px 28px rgba(29, 31, 68, .07);
  --y8c-shadow-md: 0 18px 54px rgba(29, 31, 68, .10);
  --y8c-shadow-lg: 0 28px 80px rgba(29, 31, 68, .14);
  --y8c-gradient: linear-gradient(135deg, var(--y8c-primary), var(--y8c-blue));
  --y8c-gradient-soft: linear-gradient(135deg, rgba(108,59,255,.12), rgba(63,140,255,.10));
  --y8c-header-height: 68px;
  --y8c-mobile-nav-height: 76px;
  --y8c-font: 'Libre Franklin', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html {scroll-behavior: smooth;}
body {
  background:
    radial-gradient(circle at 20% -10%, rgba(108,59,255,.12), transparent 30%),
    radial-gradient(circle at 95% 10%, rgba(63,140,255,.12), transparent 28%),
    var(--y8c-soft);
  color: var(--y8c-ink);
  font-family: var(--y8c-font);
  letter-spacing: -.01em;
}
body:before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(108,59,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(63,140,255,.028) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.7), transparent 62%);
  z-index: -1;
}
a {color: var(--y8c-primary);}

/* Shared component language for future phases */
.y8c-card,
.yonder-card,
.dt_user_profile,
.to_main_hero_filters,
.yonder_global_explorer,
.yonder_profile_abroad_panel,
.yonder_trust_center_hero,
.yonder_verify_card,
.yonder_safety_panel,
.yonder_settings_safety,
.yonder_onboarding_head,
.yonder_onboarding_section,
.dt_settings,
.sett_navbar {
  background: rgba(255,255,255,.92);
  border: 1px solid var(--y8c-line);
  border-radius: var(--y8c-radius-lg);
  box-shadow: var(--y8c-shadow-sm);
  backdrop-filter: blur(18px);
}
.y8c-card-strong,
.yonder_global_explorer,
.yonder_trust_center_hero {
  box-shadow: var(--y8c-shadow-md);
}
.y8c-chip,
.yonder_match_mode,
.yonder_country_chip,
.yonder_destination_chip,
.yonder_profile_trust_row span,
.yonder_profile_abroad_card,
.yonder_verify_title_row span,
.badge,
.to_user_stats span:not(.middot),
.dt_profile_info .dt_usr_tag {
  border-radius: 999px;
  border: 1px solid var(--y8c-line);
  background: rgba(255,255,255,.78);
  color: var(--y8c-ink-2);
}
.y8c-chip.is-active,
.yonder_match_mode.active,
.yonder_country_chip.active,
.sett_navbar ul li.active a,
.yonder_destination_chip.is-selected {
  color: #fff;
  border-color: transparent;
  background: var(--y8c-gradient);
  box-shadow: 0 12px 26px rgba(108,59,255,.22);
}
.y8c-kicker,
.yonder_hero_kicker,
.yonder_global_kicker,
.yonder_profile_abroad_head span,
.yonder_trust_center_hero span,
.yonder_safety_panel_head span,
.yonder_section_title > span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 28px;
  padding: 0 11px;
  border-radius: 999px;
  color: var(--y8c-primary);
  background: rgba(108,59,255,.09);
  border: 1px solid rgba(108,59,255,.12);
  font-weight: 900;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.y8c-section-title,
.yonder_section_head h2,
.yonder_global_intro h3,
.yonder_profile_abroad_head h4,
.yonder_trust_center_hero h2,
.yonder_safety_panel_head h3,
.yonder_onboarding_head h3,
.yonder_settings_header h5,
.dt_user_info .info h2 {
  color: var(--y8c-ink);
  letter-spacing: -.045em;
  font-weight: 900;
}
.y8c-muted,
.yonder_section_head p,
.yonder_global_intro p,
.yonder_profile_abroad_head p,
.yonder_trust_center_hero p,
.yonder_safety_panel_head p,
.yonder_onboarding_head p,
.yonder_settings_header p {
  color: var(--y8c-muted);
}

/* Buttons */
.btn,
.btn-large,
.btn-small,
button,
.to_main_hero_filters > .btn,
.login_aside_innr .btn {
  border-radius: 999px;
  text-transform: none;
  font-family: var(--y8c-font);
  font-weight: 850;
  letter-spacing: -.01em;
}
.btn_primary,
.btn.btn_primary,
.to_main_hero_filters.yonder_global_filters button.btn,
.yonder_verify_cta,
.yonder_filter_btn,
.dt_user_pro_info .btn.btn_primary,
.dt_user_profile .btn_primary,
.to_prem_btn:hover,
.to_hdr_finance_btn:hover {
  background: var(--y8c-gradient) !important;
  color: #fff !important;
  border-color: transparent !important;
  box-shadow: 0 14px 30px rgba(108,59,255,.24) !important;
}
.btn_primary:hover,
.btn.btn_primary:hover,
.yonder_filter_btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 38px rgba(108,59,255,.30) !important;
}
.btn-flat,
.to_prem_btn,
.to_hdr_finance_btn,
.boost-me,
.header_credits a {
  border: 1px solid var(--y8c-line-strong) !important;
  background: rgba(255,255,255,.74) !important;
  color: var(--y8c-ink-2) !important;
  box-shadow: none !important;
}

/* Inputs and forms */
input:not([type]),
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=time],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=tel],
input[type=number],
input[type=search],
textarea.materialize-textarea,
select.browser-default,
.to_mat_input input,
.to_mat_input textarea,
.to_mat_input select,
.yonder_filter_location_block input,
.yonder_global_explorer input,
.yonder_global_explorer select {
  border-radius: 16px !important;
  border: 1px solid var(--y8c-line) !important;
  background-color: rgba(255,255,255,.88) !important;
  color: var(--y8c-ink) !important;
  box-shadow: none !important;
}
input:focus,
textarea:focus,
select:focus,
.to_mat_input input:focus,
.yonder_filter_location_block input:focus {
  border-color: rgba(108,59,255,.45) !important;
  box-shadow: 0 0 0 4px rgba(108,59,255,.09) !important;
}

/* Desktop app shell */
nav,
#nav-logged-in,
.to_index_nav {
  height: var(--y8c-header-height);
  line-height: var(--y8c-header-height);
  background: rgba(255,255,255,.86) !important;
  border-bottom: 1px solid var(--y8c-line);
  box-shadow: 0 12px 34px rgba(29,31,68,.055);
  backdrop-filter: blur(18px);
}
nav .nav-wrapper.container-fluid,
nav .nav-wrapper.container {
  height: var(--y8c-header-height);
  padding: 0 24px;
}
nav .header_logo {max-width: 132px;margin-right: 44px;}
.dt_slide_menu {
  width: 42px;
  height: 42px;
  margin: 0 18px 0 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  color: var(--y8c-ink-2);
  background: rgba(108,59,255,.065);
  border: 1px solid rgba(108,59,255,.08);
}
.dt_slide_menu svg {margin: 0;}
.header_home_link li a,
nav .header_home_link a {
  color: var(--y8c-ink-2) !important;
  font-weight: 800;
  border-radius: 999px;
  padding: 0 14px;
  transition: all .18s ease;
}
.header_home_link li a:hover,
nav .header_home_link a:hover {background: rgba(108,59,255,.075);color: var(--y8c-primary) !important;}
.to_prem_btn,
.to_hdr_finance_btn {height: 38px;line-height: 36px;border-radius: 999px;font-size: 12px;font-weight: 850;}
.header_user a img.circle {border: 2px solid rgba(108,59,255,.18);box-shadow: 0 8px 22px rgba(108,59,255,.12);}

/* Desktop sidebar gets a cleaner app rail feel before the full page redesign. */
.to_sidebar {
  width: 292px;
  padding-top: 78px;
  background: rgba(255,255,255,.88);
  border-right: 1px solid var(--y8c-line);
  box-shadow: 18px 0 48px rgba(29,31,68,.07);
  backdrop-filter: blur(18px);
}
@media (min-width: 1216px) {
  body.side_open .to_sidebar {transform: translateX(-304px);}
}
.to_sidebar .home_usr_sct {border-bottom-color: var(--y8c-line);}
.to_sidebar .home_usr_sct h3 a {color: var(--y8c-ink);font-weight: 900;}
.to_sidebar .home_usr_sct .btn {border-radius: 999px;border-color: rgba(108,59,255,.22);color: var(--y8c-primary);font-weight: 850;background: rgba(108,59,255,.055);}
.to_sidebar .home_usr_sct .btn:hover {background: var(--y8c-gradient);color: #fff;border-color: transparent;}
.to_sidebar .home_usr_link li {padding: 4px 18px;}
.to_sidebar .home_usr_link li.set {border-top-color: var(--y8c-line);}
.to_sidebar .home_usr_link li a {
  width: 100%;
  min-height: 46px;
  padding: 0 12px;
  border-radius: 16px;
  color: var(--y8c-muted);
  text-transform: none;
  font-weight: 800;
}
.to_sidebar .home_usr_link li a:hover {background: rgba(108,59,255,.07);color: var(--y8c-primary);}
.to_sidebar .home_usr_link li a svg {
  margin-right: 12px;
  width: 34px;
  height: 34px;
  padding: 8px;
  background: rgba(108,59,255,.08);
  color: var(--y8c-primary);
}
.to_sidebar .home_usr_link li.active a {
  color: var(--y8c-primary) !important;
  background: rgba(108,59,255,.10);
}
.to_sidebar .home_usr_link li.active a svg {background: var(--y8c-gradient);color: #fff;}

/* Existing Yonder sections inherit the new 8C surface language. */
.yonder_abroad_hero {
  background:
    linear-gradient(135deg, rgba(17,20,54,.72), rgba(108,59,255,.32)),
    var(--y8c-gradient-soft);
}
.yonder_abroad_hero .to_main_hero_text > h1,
.to_main_hero_text > h1 {letter-spacing: -.055em;}
.yonder_hero_pills span,
.yonder_filter_note,
.yonder_destination_card > div,
.yonder_destination_panel,
.yonder_country_chip,
.yonder_profile_abroad_card,
.yonder_profile_trust_summary,
.yonder_profile_safety_note,
.yonder_safety_tips div {
  border-color: var(--y8c-line);
}
.yonder_destination_card > div,
.yonder_destination_panel,
.yonder_profile_abroad_card,
.yonder_profile_trust_summary,
.yonder_safety_tips div {
  background: rgba(255,255,255,.82);
}
.yonder_destination_card:hover,
.yonder_country_chip:hover,
.yonder_match_mode:hover,
.dt_user_profile:hover,
.yonder_verify_card:hover {
  transform: translateY(-1px);
  box-shadow: var(--y8c-shadow-md);
}
.yonder_match_mode,
.yonder_country_chip,
.yonder_destination_chip,
.yonder_destination_card,
.dt_user_profile,
.yonder_verify_card {transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;}
.yonder_profile_trust_row .is-on,
.yonder_verify_card.is-complete .yonder_verify_title_row span {
  background: rgba(39,179,106,.10);
  border-color: rgba(39,179,106,.18);
  color: #148c53;
}
.yonder_verify_card.is-pending .yonder_verify_title_row span {
  background: rgba(255,159,67,.10);
  border-color: rgba(255,159,67,.18);
  color: #af6819;
}

/* Profile and match cards get app companion polish without changing templates yet. */
.dt_user_profile_parent .row > .col.l5 {top: 86px;}
.to_user_media .avatar,
.to_user_media .avatar > a,
.dt_home_match_user .mtc_usr_details,
.match_usr_img_slidr .carousel-cell {border-radius: var(--y8c-radius-lg);}
.dt_user_pro_info .btn,
.mtc_usrd_content .mtc_usrd_actions .btn {
  border: 1px solid rgba(255,255,255,.74);
  box-shadow: 0 18px 42px rgba(29,31,68,.16);
}
.dt_user_info .info h2 a,
.dt_user_info .info h2 {color: var(--y8c-ink);}
.to_usr_info_block h5,
.to_usr_info_things .dt_profile_info h5 {color: var(--y8c-ink);font-weight: 900;}
.to_usr_info_things .dt_profile_info p.info_title {color: var(--y8c-muted);font-weight: 750;}
.dt_profile_info p:not(.info_title) {color: var(--y8c-ink-2);}

/* Mobile app shell foundation: make the mobile web feel like a wrapper-ready app. */
@media (max-width: 768px) {
  :root {--y8c-mobile-gutter: 14px;}
  html, body {min-height: 100%;background: #f7f8ff;}
  body {
    padding-bottom: calc(var(--y8c-mobile-nav-height) + env(safe-area-inset-bottom));
    overscroll-behavior-y: none;
  }
  body > #container {padding-bottom: calc(var(--y8c-mobile-nav-height) + 16px + env(safe-area-inset-bottom));}
  body:before {background-size: 44px 44px;opacity: .7;}
  nav,
  #nav-logged-in,
  .to_index_nav {
    position: sticky;
    top: 0;
    height: 62px;
    line-height: 62px;
    z-index: 990;
    border-radius: 0 0 24px 24px;
    margin-bottom: 8px;
    box-shadow: 0 12px 28px rgba(29,31,68,.075);
  }
  nav .nav-wrapper.container-fluid,
  nav .nav-wrapper.container {height: 62px;padding: 0 var(--y8c-mobile-gutter);}
  nav .header_logo {max-width: 112px;margin-right: 0;}
  .dt_slide_menu {width: 40px;height: 40px;margin-right: 8px;border-radius: 14px;background: rgba(108,59,255,.08);}
  .header_home_link,
  .header_notifications,
  .header_msg,
  .header_credits,
  .boost-div {display: none !important;}
  .container.page-margin,
  .dt_user_profile_parent.container,
  .yonder_trust_center_page.container,
  .container {max-width: 100%;}
  .page-margin {margin-top: 10px;}
  .row {margin-left: calc(var(--y8c-mobile-gutter) * -.5);margin-right: calc(var(--y8c-mobile-gutter) * -.5);}
  .row .col {padding-left: calc(var(--y8c-mobile-gutter) * .5);padding-right: calc(var(--y8c-mobile-gutter) * .5);}
  .y8c-card,
  .yonder_global_explorer,
  .dt_user_profile,
  .yonder_profile_abroad_panel,
  .yonder_onboarding_head,
  .yonder_onboarding_section,
  .dt_settings,
  .sett_navbar,
  .yonder_trust_center_hero,
  .yonder_verify_card,
  .yonder_safety_panel {border-radius: 24px;}
  .btn,
  .btn-large {min-height: 46px;line-height: 46px;border-radius: 16px;}
  input:not([type]),
  input[type=text],
  input[type=password],
  input[type=email],
  input[type=search],
  select.browser-default {height: 48px !important;border-radius: 16px !important;}

  /* Native-feeling bottom app tab bar. */
  .to_sidebar_mini {
    display: block;
    height: calc(var(--y8c-mobile-nav-height) + env(safe-area-inset-bottom));
    padding: 8px 10px calc(8px + env(safe-area-inset-bottom));
    background: rgba(255,255,255,.88);
    border-top: 1px solid rgba(96,102,155,.12);
    box-shadow: 0 -18px 44px rgba(29,31,68,.12);
    backdrop-filter: blur(22px);
  }
  .to_sidebar_mini:before {
    content: "";
    position: absolute;
    top: 7px;
    left: 50%;
    width: 38px;
    height: 4px;
    transform: translateX(-50%);
    border-radius: 999px;
    background: rgba(96,102,155,.18);
    display: none;
  }
  .to_sidebar_mini ul {height: 100%;margin: 0;display: flex;align-items: center;justify-content: space-between;gap: 6px;}
  .to_sidebar_mini li {flex: 1 1 0;max-width: none;height: 100%;padding: 0;display: flex;align-items: center;justify-content: center;}
  .to_sidebar_mini li a {
    position: relative;
    width: 100%;
    height: 58px;
    border-radius: 19px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    color: #7d84a6;
    font-weight: 850;
    line-height: 1;
  }
  .to_sidebar_mini li a svg {width: 22px;height: 22px;margin: 0;}
  .to_sidebar_mini li a img.circle {width: 24px;height: 24px;margin: 0;border: 2px solid rgba(108,59,255,.18);box-shadow: none;}
  .to_sidebar_mini li.active a {
    color: var(--y8c-primary);
    background: rgba(108,59,255,.10);
  }
  .to_sidebar_mini li.active a:after {
    content: "";
    position: absolute;
    top: 8px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--y8c-primary);
    box-shadow: 0 0 0 4px rgba(108,59,255,.09);
  }
  .yonder_mini_label {display: block;font-size: 9.5px;font-weight: 900;letter-spacing: -.025em;}
  .to_sidebar {bottom: calc(var(--y8c-mobile-nav-height) + env(safe-area-inset-bottom));border-radius: 28px 28px 0 0;}

  /* App-like reusable patterns for phase 12+. */
  .y8c-mobile-screen {min-height: calc(100vh - 62px - var(--y8c-mobile-nav-height));padding: 12px var(--y8c-mobile-gutter) 18px;}
  .y8c-mobile-card {border-radius: 24px;background: rgba(255,255,255,.92);border: 1px solid var(--y8c-line);box-shadow: var(--y8c-shadow-sm);}
  .y8c-mobile-section {margin-bottom: 14px;}
  .y8c-mobile-scroll {display: flex;gap: 10px;overflow-x: auto;margin: 0 calc(var(--y8c-mobile-gutter) * -1);padding: 0 var(--y8c-mobile-gutter) 8px;scroll-snap-type: x mandatory;scrollbar-width: none;}
  .y8c-mobile-scroll::-webkit-scrollbar {display: none;}

  /* Existing phase components should now feel less web-like. */
  .yonder_global_explorer {margin-top: 6px;padding: 16px;border-radius: 26px;}
  .yonder_match_modes,
  .yonder_destination_chips,
  .yonder_destination_picker {scrollbar-width: none;}
  .yonder_match_modes::-webkit-scrollbar,
  .yonder_destination_chips::-webkit-scrollbar,
  .yonder_destination_picker::-webkit-scrollbar {display: none;}
  .yonder_match_mode {height: 38px;border-radius: 999px;padding: 0 14px;}
  .yonder_country_chip {border-radius: 16px;min-height: 44px;}
  .dt_user_profile {padding: 16px;border-radius: 26px;}
  .to_user_media .avatar,
  .to_user_media .avatar > a {border-radius: 26px;}
  .dt_user_pro_info .btn {border-radius: 50%;}
  .yonder_profile_abroad_grid {gap: 8px;}
  .yonder_profile_abroad_card {border-radius: 18px;}
}

@media (max-width: 420px) {
  :root {--y8c-mobile-gutter: 11px;--y8c-mobile-nav-height: 74px;}
  .to_sidebar_mini {padding-left: 7px;padding-right: 7px;}
  .to_sidebar_mini li a {height: 56px;border-radius: 17px;}
  .to_sidebar_mini li a svg {width: 21px;height: 21px;}
  .yonder_mini_label {font-size: 8.8px;}
  nav .header_logo {max-width: 104px;}
  .dt_slide_menu {width: 38px;height: 38px;margin-right: 6px;}
}

/* Phase 12: Concept 8C homepage redesign */
.y8c-home-page {overflow: hidden;}
.y8c-home-nav {
  background: rgba(255,255,255,.86) !important;
  border-bottom: 1px solid rgba(96,102,155,.12);
  backdrop-filter: blur(22px);
  box-shadow: 0 8px 30px rgba(29,31,68,.055) !important;
}
.y8c-home-nav .brand-logo img {max-height: 42px;object-fit: contain;}
.y8c-home-nav-actions > li > a:not(.btn) {
  color: var(--y8c-ink-2);
  font-weight: 850;
}
.y8c-home-nav-actions .btn-flat {
  color: var(--y8c-ink-2) !important;
  border: 1px solid var(--y8c-line);
  border-radius: 16px;
  padding: 0 18px;
}
.y8c-nav-menu {
  width: 42px;
  height: 42px;
  border-radius: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--y8c-primary);
  background: rgba(108,59,255,.08);
}
.y8c-home-hero {
  position: relative;
  padding: 28px 0 0;
}
.y8c-hero-shell {
  position: relative;
  min-height: 520px;
  display: grid;
  grid-template-columns: minmax(330px, 470px) minmax(430px, 1fr);
  align-items: center;
  gap: 36px;
  padding: 54px 54px 44px;
  border-radius: 38px 38px 0 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 74% 42%, rgba(108,59,255,.13), transparent 30%),
    radial-gradient(circle at 92% 8%, rgba(63,140,255,.14), transparent 28%),
    linear-gradient(135deg, rgba(255,255,255,.97), rgba(248,250,255,.90));
  border: 1px solid var(--y8c-line);
  box-shadow: var(--y8c-shadow-lg);
}
.y8c-hero-shell:before {
  content: "";
  position: absolute;
  inset: -30% -10% auto auto;
  width: 640px;
  height: 640px;
  border-radius: 50%;
  background: conic-gradient(from 150deg, rgba(108,59,255,.16), rgba(63,140,255,.10), rgba(108,59,255,0), rgba(108,59,255,.16));
  filter: blur(12px);
  opacity: .9;
}
.y8c-hero-copy {position: relative;z-index: 2;}
.y8c-hero-copy h1 {
  margin: 18px 0 14px;
  font-size: clamp(44px, 5vw, 76px);
  line-height: .96;
  letter-spacing: -.075em;
  font-weight: 950;
  color: var(--y8c-ink);
}
.y8c-hero-copy h1 strong {
  color: transparent;
  background: var(--y8c-gradient);
  -webkit-background-clip: text;
  background-clip: text;
}
.y8c-hero-copy p {
  max-width: 460px;
  color: var(--y8c-muted);
  font-size: 17px;
  line-height: 1.65;
  margin-bottom: 24px;
}
.y8c-hero-actions {display: flex;align-items: center;gap: 12px;flex-wrap: wrap;margin-bottom: 26px;}
.y8c-hero-primary {height: 50px;line-height: 50px;border-radius: 17px;padding: 0 22px;display: inline-flex;align-items: center;gap: 8px;}
.y8c-hero-primary svg {width: 18px;height: 18px;}
.y8c-hero-secondary {
  height: 50px;
  line-height: 50px;
  border-radius: 17px;
  padding: 0 20px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255,255,255,.7);
  border: 1px solid var(--y8c-line);
  color: var(--y8c-ink-2) !important;
  font-weight: 850;
}
.y8c-hero-secondary svg {width: 18px;height: 18px;color: var(--y8c-primary);}
.y8c-trust-row {display: grid;grid-template-columns: repeat(3, minmax(0,1fr));gap: 10px;max-width: 580px;}
.y8c-trust-row > div {
  min-height: 78px;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 13px;
  border-radius: 19px;
  border: 1px solid var(--y8c-line);
  background: rgba(255,255,255,.72);
  box-shadow: 0 10px 24px rgba(29,31,68,.045);
}
.y8c-trust-row svg {width: 28px;height: 28px;color: var(--y8c-primary);background: rgba(108,59,255,.09);padding: 6px;border-radius: 11px;flex: 0 0 auto;}
.y8c-trust-row span {display: flex;flex-direction: column;font-weight: 900;color: var(--y8c-ink-2);font-size: 13px;line-height: 1.18;}
.y8c-trust-row small {font-weight: 750;color: var(--y8c-muted);font-size: 11px;margin-top: 3px;}
.y8c-hero-visual {position: relative;z-index: 2;min-height: 430px;}
.y8c-orbit {position: absolute;border: 1px dashed rgba(108,59,255,.22);border-radius: 50%;transform: rotate(-14deg);}
.y8c-orbit-one {width: 560px;height: 230px;right: 10px;top: 92px;}
.y8c-orbit-two {width: 420px;height: 185px;right: 84px;top: 136px;transform: rotate(16deg);}
.y8c-profile-stack {position: absolute;right: 120px;top: 24px;width: 330px;height: 395px;}
.y8c-travel-card {
  position: absolute;
  top: 42px;
  width: 158px;
  height: 252px;
  border-radius: 28px;
  background-size: cover;
  background-position: center;
  box-shadow: 0 22px 52px rgba(29,31,68,.14);
  border: 8px solid rgba(255,255,255,.76);
}
.y8c-travel-card-left {
  left: -98px;
  transform: rotate(-12deg);
  background-image: linear-gradient(160deg, rgba(108,59,255,.05), rgba(31,35,68,.1)), url('../img/hero-bg.jpg');
}
.y8c-travel-card-right {
  right: -98px;
  transform: rotate(12deg);
  background-image: linear-gradient(160deg, rgba(63,140,255,.15), rgba(31,35,68,.08)), url('../img/credit-bg.jpg');
}
.y8c-profile-card {
  position: absolute;
  inset: 0;
  border-radius: 34px;
  overflow: hidden;
  box-shadow: 0 30px 70px rgba(29,31,68,.22);
  border: 10px solid rgba(255,255,255,.72);
  background: #dde4ff;
  transform: rotate(3deg);
}
.y8c-profile-photo {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(to top, rgba(20,22,48,.82), rgba(20,22,48,0) 50%), url('../img/hero-bg.jpg');
  background-size: cover;
  background-position: center;
}
.y8c-online {
  position: absolute;
  z-index: 2;
  right: 18px;
  top: 18px;
  height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #0f8d55;
  background: rgba(255,255,255,.88);
  font-weight: 900;
  font-size: 12px;
}
.y8c-online:before {content: "";width: 7px;height: 7px;border-radius: 50%;background: var(--y8c-green);}
.y8c-profile-overlay {position: absolute;left: 22px;right: 22px;bottom: 20px;color: #fff;}
.y8c-profile-overlay h3 {font-size: 26px;line-height: 1.05;margin: 0 0 4px;font-weight: 950;letter-spacing: -.04em;}
.y8c-profile-overlay h3 i {font-style: normal;color: #8eb5ff;}
.y8c-profile-overlay p {margin: 0 0 16px;color: rgba(255,255,255,.78);font-weight: 850;}
.y8c-profile-actions {display: flex;gap: 10px;}
.y8c-profile-actions span {
  width: 47px;
  height: 47px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  background: rgba(255,255,255,.18);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,.20);
}
.y8c-adventure-card {
  position: absolute;
  right: 0;
  top: 132px;
  width: 184px;
  padding: 18px;
  border-radius: 24px;
  background: rgba(255,255,255,.76);
  border: 1px solid rgba(255,255,255,.8);
  box-shadow: var(--y8c-shadow-md);
  backdrop-filter: blur(20px);
}
.y8c-adventure-card strong {display:block;color:var(--y8c-ink);font-size:18px;line-height:1.1;letter-spacing:-.04em;}
.y8c-adventure-card p {margin:8px 0;color:var(--y8c-muted);font-size:13px;line-height:1.35;}
.y8c-mini-avatars {display:flex;align-items:center;margin:8px 0 8px;}
.y8c-mini-avatars img,.y8c-mini-avatars span {
  width:28px;height:28px;border-radius:50%;border:2px solid #fff;background:linear-gradient(135deg,#d8cfff,#9dc8ff);margin-right:-8px;object-fit:cover;
}
.y8c-adventure-card small {display:block;color:var(--y8c-muted);font-weight:800;margin:0 0 10px;}
.y8c-adventure-card a {display:inline-flex;align-items:center;height:36px;padding:0 13px;border-radius:13px;color:#fff;background:var(--y8c-gradient);font-weight:900;font-size:12px;}
.y8c-home-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 1px;
  padding: 0 36px;
  min-height: 88px;
  align-items: center;
  background: var(--y8c-gradient);
  color: #fff;
  border-radius: 0 0 34px 34px;
  box-shadow: 0 26px 58px rgba(108,59,255,.18);
}
.y8c-home-stats div {display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid rgba(255,255,255,.20);}
.y8c-home-stats div:last-child {border-right:0;}
.y8c-home-stats strong {font-size:26px;letter-spacing:-.04em;font-weight:950;}
.y8c-home-stats span {font-size:12px;font-weight:850;color:rgba(255,255,255,.82);}
.y8c-home-section {padding: 34px 0;}
.y8c-search-panel {
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 24px;
  align-items:center;
  padding: 28px;
  border-radius: 32px;
  background: rgba(255,255,255,.86);
  border: 1px solid var(--y8c-line);
  box-shadow: var(--y8c-shadow-sm);
}
.y8c-search-copy h2,.y8c-section-heading h2 {margin:14px 0 8px;font-size:clamp(28px,3vw,44px);line-height:1.03;letter-spacing:-.06em;font-weight:950;color:var(--y8c-ink);}
.y8c-search-copy p,.y8c-section-heading p {color:var(--y8c-muted);font-size:16px;line-height:1.65;margin:0;}
.y8c-destination-form {padding:18px;border-radius:24px;background:linear-gradient(135deg,rgba(108,59,255,.08),rgba(63,140,255,.07));border:1px solid var(--y8c-line);}
.y8c-destination-form label {display:block;color:var(--y8c-ink);font-weight:950;margin:0 0 10px;}
.y8c-form-row {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;}
.y8c-form-row select {min-height:52px;}
.y8c-form-row .btn {height:52px;line-height:52px;border-radius:17px;}
.y8c-destination-strip {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:18px;}
.y8c-destination-card {
  position:relative;
  min-height:170px;
  padding:12px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  border-radius:24px;
  overflow:hidden;
  background:#fff;
  border:1px solid var(--y8c-line);
  box-shadow:var(--y8c-shadow-sm);
  color:#fff;
}
.y8c-destination-card:after {content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(12,14,40,.72),rgba(12,14,40,.08));z-index:1;}
.y8c-destination-photo {position:absolute;inset:0;background:linear-gradient(135deg,#6c3bff,#3f8cff);background-size:cover;background-position:center;}
.y8c-destination-ph {background-image:linear-gradient(135deg,rgba(108,59,255,.2),rgba(0,0,0,.1)),url('../img/pro-bg.jpg');}
.y8c-destination-co {background-image:linear-gradient(135deg,rgba(108,59,255,.2),rgba(0,0,0,.1)),url('../img/credit-bg.jpg');}
.y8c-destination-jp {background-image:linear-gradient(135deg,rgba(108,59,255,.2),rgba(0,0,0,.1)),url('../img/hero-bg.jpg');}
.y8c-destination-th {background-image:linear-gradient(135deg,rgba(108,59,255,.2),rgba(0,0,0,.1)),url('../img/img_verification.jpg');}
.y8c-destination-tr {background-image:linear-gradient(135deg,rgba(108,59,255,.2),rgba(0,0,0,.1)),url('../img/pro-bg.jpg');}
.y8c-destination-br {background-image:linear-gradient(135deg,rgba(108,59,255,.2),rgba(0,0,0,.1)),url('../img/credit-bg.jpg');}
.y8c-destination-card > div:not(.y8c-destination-photo),.y8c-destination-card > strong,.y8c-destination-card > em,.y8c-destination-card > span {position:relative;z-index:2;}
.y8c-destination-card strong {display:block;font-size:18px;font-weight:950;line-height:1.05;letter-spacing:-.04em;color:#fff;}
.y8c-destination-card em {display:block;font-style:normal;color:rgba(255,255,255,.78);font-size:12px;font-weight:850;margin:3px 0 8px;}
.y8c-destination-card small {display:inline-flex;width:max-content;min-height:25px;align-items:center;padding:0 9px;border-radius:999px;background:rgba(255,255,255,.16);color:#fff;font-weight:900;}
.y8c-view-all-card {color:var(--y8c-ink);justify-content:center;align-items:flex-start;background:rgba(255,255,255,.86);}
.y8c-view-all-card:after {display:none;}
.y8c-view-all-card strong {color:var(--y8c-ink);font-size:24px;}
.y8c-view-all-card em {color:var(--y8c-muted);}
.y8c-view-all-card span {width:42px;height:42px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:var(--y8c-gradient);margin-top:10px;font-weight:950;}
.y8c-section-heading {margin-bottom:18px;}
.y8c-section-heading.center-align {max-width:720px;margin-left:auto;margin-right:auto;}
.y8c-why-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.y8c-why-card,.y8c-how-grid > div,.y8c-final-card,.y8c-story-card {
  padding:24px;
  border-radius:28px;
  background:rgba(255,255,255,.86);
  border:1px solid var(--y8c-line);
  box-shadow:var(--y8c-shadow-sm);
}
.y8c-why-card i {width:42px;height:42px;border-radius:16px;background:rgba(108,59,255,.10);color:var(--y8c-primary);display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-weight:950;margin-bottom:14px;}
.y8c-why-card h3,.y8c-how-grid h3 {font-size:20px;letter-spacing:-.04em;font-weight:950;color:var(--y8c-ink);margin:0 0 8px;}
.y8c-why-card p,.y8c-how-grid p {margin:0;color:var(--y8c-muted);line-height:1.55;font-weight:700;}
.y8c-how-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.y8c-how-grid b {display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;margin-bottom:14px;border-radius:16px;background:var(--y8c-gradient);color:#fff;font-weight:950;}
.y8c-member-row {display:flex;justify-content:center;flex-wrap:wrap;gap:10px;}
.y8c-member-avatar img {width:72px;height:72px;border-radius:24px;object-fit:cover;border:4px solid #fff;box-shadow:var(--y8c-shadow-sm);}
.y8c-story-carousel {height:280px !important;}
.y8c-story-card {max-width:680px;margin:0 auto;text-align:center;}
.y8c-story-card img {width:74px;height:74px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:var(--y8c-shadow-sm);}
.y8c-story-card h5 {font-size:24px;font-weight:950;color:var(--y8c-ink);letter-spacing:-.04em;}
.y8c-story-card p {color:var(--y8c-muted);line-height:1.6;}
.y8c-final-card {text-align:center;padding:42px;background:linear-gradient(135deg,rgba(108,59,255,.12),rgba(63,140,255,.12)),rgba(255,255,255,.92);}
.y8c-final-card h2 {font-size:clamp(30px,4vw,52px);line-height:1.02;letter-spacing:-.06em;font-weight:950;color:var(--y8c-ink);margin:14px auto 10px;max-width:760px;}
.y8c-final-card p {color:var(--y8c-muted);font-size:17px;margin-bottom:22px;}
.y8c-home-footer {background:transparent !important;color:var(--y8c-muted);}
.y8c-home-footer .container {border-top:1px solid var(--y8c-line);padding-top:20px;padding-bottom:24px;}
.y8c-home-mobile-tabs {display:none;}

@media (max-width: 992px) {
  .y8c-hero-shell {grid-template-columns:1fr;gap:20px;padding:38px 28px;}
  .y8c-hero-visual {min-height:390px;}
  .y8c-profile-stack {left:50%;right:auto;transform:translateX(-50%);}
  .y8c-adventure-card {right:24px;}
  .y8c-destination-strip {grid-template-columns:repeat(3,minmax(0,1fr));}
  .y8c-why-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media (max-width: 768px) {
  body {padding-bottom:calc(78px + env(safe-area-inset-bottom));background:#f6f7ff;}
  .y8c-home-nav {height:60px;line-height:60px;border-radius:0 0 24px 24px;}
  .y8c-home-nav .brand-logo img {max-height:36px;}
  .y8c-home-page {padding-bottom:10px;}
  .y8c-home-hero {padding:10px 10px 0;}
  .y8c-home-hero .container,.y8c-home-section .container {width:100%;max-width:100%;padding:0;}
  .y8c-hero-shell {
    min-height:auto;
    padding:18px 15px 16px;
    border-radius:30px;
    grid-template-columns:1fr;
    background:
      radial-gradient(circle at 80% 5%, rgba(126,95,255,.52), transparent 38%),
      radial-gradient(circle at 18% 15%, rgba(63,140,255,.28), transparent 34%),
      linear-gradient(165deg,#221a70 0%,#161b55 58%,#f7f8ff 58.1%,#fff 100%);
    color:#fff;
  }
  .y8c-hero-shell:before {display:none;}
  .y8c-hero-copy h1 {font-size:34px;line-height:1.02;color:#fff;margin:12px 0 8px;letter-spacing:-.06em;}
  .y8c-hero-copy p {font-size:13px;line-height:1.45;color:rgba(255,255,255,.78);max-width:260px;margin-bottom:13px;}
  .y8c-hero-actions {gap:8px;margin-bottom:12px;}
  .y8c-hero-primary,.y8c-hero-secondary {height:42px;line-height:42px;border-radius:15px;font-size:12px;padding:0 14px;}
  .y8c-hero-secondary {background:rgba(255,255,255,.12);color:#fff !important;border-color:rgba(255,255,255,.16);}
  .y8c-hero-secondary svg {color:#fff;}
  .y8c-trust-row {grid-template-columns:repeat(3,1fr);gap:7px;margin-top:170px;max-width:none;}
  .y8c-trust-row > div {min-height:70px;padding:8px;flex-direction:column;text-align:center;background:rgba(255,255,255,.86);}
  .y8c-trust-row svg {width:24px;height:24px;padding:5px;}
  .y8c-trust-row span {font-size:10.5px;color:var(--y8c-ink);}
  .y8c-trust-row small {font-size:8.5px;}
  .y8c-hero-visual {position:absolute;right:11px;top:84px;width:170px;min-height:188px;z-index:3;}
  .y8c-orbit {display:none;}
  .y8c-profile-stack {width:148px;height:180px;left:auto;right:0;top:0;transform:none;}
  .y8c-travel-card {width:76px;height:122px;top:22px;border:4px solid rgba(255,255,255,.45);border-radius:18px;}
  .y8c-travel-card-left {left:-48px;}
  .y8c-travel-card-right {right:-36px;}
  .y8c-profile-card {border:5px solid rgba(255,255,255,.5);border-radius:22px;}
  .y8c-online {right:8px;top:8px;height:20px;font-size:8px;padding:0 7px;}
  .y8c-profile-overlay {left:12px;right:12px;bottom:10px;}
  .y8c-profile-overlay h3 {font-size:17px;}
  .y8c-profile-overlay p {font-size:10px;margin-bottom:8px;}
  .y8c-profile-actions span {width:28px;height:28px;border-radius:11px;font-size:11px;}
  .y8c-adventure-card {position:relative;right:auto;top:auto;width:100%;margin-top:8px;display:none;}
  .y8c-home-stats {
    grid-template-columns:repeat(4,1fr);
    min-height:68px;
    margin:10px 0 0;
    padding:0 4px;
    border-radius:24px;
  }
  .y8c-home-stats strong {font-size:15px;}
  .y8c-home-stats span {font-size:8.5px;text-align:center;line-height:1.15;}
  .y8c-home-section {padding:12px 10px;}
  .y8c-search-panel {grid-template-columns:1fr;padding:16px;border-radius:26px;gap:14px;}
  .y8c-search-copy h2,.y8c-section-heading h2 {font-size:24px;}
  .y8c-search-copy p,.y8c-section-heading p {font-size:13px;line-height:1.5;}
  .y8c-form-row {grid-template-columns:1fr;}
  .y8c-form-row .btn {width:100%;}
  .y8c-destination-strip {
    display:flex;
    overflow-x:auto;
    gap:10px;
    margin:12px -10px 0;
    padding:0 10px 8px;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  .y8c-destination-strip::-webkit-scrollbar {display:none;}
  .y8c-destination-card {min-width:150px;min-height:132px;border-radius:21px;scroll-snap-align:start;}
  .y8c-view-all-card {min-width:132px;}
  .y8c-why-grid,.y8c-how-grid {grid-template-columns:1fr;gap:10px;}
  .y8c-why-card,.y8c-how-grid > div,.y8c-final-card,.y8c-story-card {border-radius:24px;padding:18px;}
  .y8c-why-card h3,.y8c-how-grid h3 {font-size:18px;}
  .y8c-member-avatar img {width:56px;height:56px;border-radius:18px;}
  .y8c-story-carousel {height:260px !important;}
  .y8c-final-card h2 {font-size:27px;}
  .y8c-home-footer {padding-bottom:92px;}
  .y8c-home-footer .container {display:block;text-align:center;}
  .y8c-home-mobile-tabs {
    position:fixed;
    left:8px;
    right:8px;
    bottom:calc(8px + env(safe-area-inset-bottom));
    height:68px;
    display:flex;
    align-items:center;
    justify-content:space-around;
    z-index:999;
    padding:7px;
    border-radius:25px;
    background:rgba(255,255,255,.88);
    border:1px solid rgba(96,102,155,.16);
    box-shadow:0 -18px 44px rgba(29,31,68,.13);
    backdrop-filter:blur(22px);
  }
  .y8c-home-mobile-tabs a {height:54px;min-width:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:18px;color:#7d84a6;font-weight:900;font-size:9.5px;}
  .y8c-home-mobile-tabs a:first-child {color:var(--y8c-primary);background:rgba(108,59,255,.10);}
  .y8c-home-mobile-tabs svg {width:21px;height:21px;}
}

@media (max-width: 390px) {
  .y8c-hero-copy h1 {font-size:31px;}
  .y8c-hero-visual {right:5px;top:92px;transform:scale(.92);transform-origin:top right;}
  .y8c-trust-row {margin-top:155px;}
  .y8c-home-stats strong {font-size:14px;}
}

/* Phase 13: Concept 8C Discover / Global Match Explorer */
.y8c-explorer-page {
  margin: 26px 0 24px !important;
  padding: 24px !important;
  border-radius: 34px !important;
  background:
    radial-gradient(circle at 16% 4%, rgba(108,59,255,.12), transparent 30%),
    radial-gradient(circle at 98% 0%, rgba(63,140,255,.13), transparent 28%),
    rgba(255,255,255,.94) !important;
  border: 1px solid var(--y8c-line) !important;
  box-shadow: var(--y8c-shadow-md) !important;
  overflow: hidden;
}
.y8c-explorer-hero {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 18px;
}
.y8c-explorer-copy h3 {
  margin: 8px 0 8px;
  color: var(--y8c-ink);
  font-size: clamp(32px, 4vw, 52px);
  line-height: .98;
  letter-spacing: -.07em;
  font-weight: 950;
}
.y8c-explorer-copy h3 span {font-size: .74em;vertical-align: middle;}
.y8c-explorer-copy p {
  margin: 0;
  max-width: 650px;
  color: var(--y8c-muted);
  font-size: 16px;
  line-height: 1.65;
  font-weight: 720;
}
.y8c-explorer-state {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  padding: 6px 7px 6px 14px;
  margin-top: 18px;
  border-radius: 999px;
  background: rgba(255,255,255,.86);
  border: 1px solid var(--y8c-line);
  box-shadow: 0 12px 26px rgba(29,31,68,.06);
}
.y8c-explorer-state span {color: var(--y8c-muted);font-size: 12px;font-weight: 900;text-transform: uppercase;letter-spacing: .08em;}
.y8c-explorer-state strong {display:inline-flex;align-items:center;min-height:31px;padding:0 12px;border-radius:999px;color:#fff;background:var(--y8c-gradient);font-size:13px;font-weight:950;}
.y8c-explorer-actions {display:flex;gap:10px;align-items:center;}
.y8c-filter-button {
  display: inline-flex !important;
  align-items: center;
  gap: 9px;
  height: 46px !important;
  line-height: 46px !important;
  padding: 0 17px !important;
  border-radius: 16px !important;
  color: var(--y8c-ink) !important;
  background: rgba(255,255,255,.9) !important;
  border: 1px solid var(--y8c-line) !important;
  box-shadow: var(--y8c-shadow-sm) !important;
  font-weight: 950 !important;
  text-transform: none !important;
}
.y8c-filter-button svg {color: var(--y8c-primary);}
.y8c-mode-row {
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin: 4px 0 16px !important;
}
.y8c-mode-row .yonder_match_mode,
.y8c-mode-pill {
  min-height: 40px !important;
  height: 40px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.82) !important;
  color: var(--y8c-ink-2) !important;
  border: 1px solid var(--y8c-line) !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  box-shadow: none !important;
}
.y8c-mode-row .yonder_match_mode.active,
.y8c-mode-pill.active {background: var(--y8c-gradient) !important;color:#fff !important;border-color:transparent !important;box-shadow:0 14px 28px rgba(108,59,255,.18) !important;}
.y8c-explorer-toolbar {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap: 12px;
  align-items:center;
  margin-bottom: 16px;
}
.y8c-explorer-search-display {
  min-height: 48px;
  padding: 0 15px;
  border-radius: 17px;
  display:flex;
  align-items:center;
  gap:10px;
  color: var(--y8c-muted);
  background: rgba(255,255,255,.78);
  border: 1px solid var(--y8c-line);
  font-weight: 800;
}
.y8c-explorer-search-display svg {color: var(--y8c-primary);}
.y8c-reset-button {
  height:48px;
  padding:0 16px;
  border-radius:17px;
  border:1px solid var(--y8c-line);
  background:rgba(255,255,255,.82);
  color:var(--y8c-primary);
  font-weight:950;
  cursor:pointer;
}
.y8c-destination-rail {
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 13px;
  margin: 0 0 18px;
}
.y8c-destination-tile {
  min-height: 92px !important;
  padding: 10px 12px 10px 10px !important;
  border-radius: 22px !important;
  display:flex !important;
  align-items:center;
  gap: 12px;
  text-align:left;
  border: 1px solid var(--y8c-line) !important;
  background: rgba(255,255,255,.84) !important;
  color: var(--y8c-ink) !important;
  box-shadow: 0 10px 28px rgba(29,31,68,.06) !important;
  cursor:pointer;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  font-family: inherit;
}
.y8c-destination-tile:hover {transform: translateY(-2px);box-shadow: var(--y8c-shadow-md) !important;border-color: rgba(108,59,255,.30) !important;}
.y8c-destination-tile.active {background: linear-gradient(135deg, rgba(108,59,255,.14), rgba(63,140,255,.12)), #fff !important;border-color: rgba(108,59,255,.36) !important;}
.y8c-destination-thumb {
  width: 66px;
  min-width: 66px;
  height: 64px;
  border-radius: 17px;
  background: var(--y8c-gradient);
  background-size: cover;
  background-position: center;
  box-shadow: inset 0 -38px 55px rgba(10,13,48,.35);
}
.y8c-destination-ph {background-image: linear-gradient(135deg,rgba(108,59,255,.12),rgba(0,0,0,.05)), url('../img/pro-bg.jpg');}
.y8c-destination-co {background-image: linear-gradient(135deg,rgba(108,59,255,.12),rgba(0,0,0,.05)), url('../img/credit-bg.jpg');}
.y8c-destination-jp {background-image: linear-gradient(135deg,rgba(108,59,255,.12),rgba(0,0,0,.05)), url('../img/hero-bg.jpg');}
.y8c-destination-th {background-image: linear-gradient(135deg,rgba(108,59,255,.12),rgba(0,0,0,.05)), url('../img/img_verification.jpg');}
.y8c-destination-tr {background-image: linear-gradient(135deg,rgba(108,59,255,.12),rgba(0,0,0,.05)), url('../img/pro-bg.jpg');}
.y8c-destination-br {background-image: linear-gradient(135deg,rgba(108,59,255,.12),rgba(0,0,0,.05)), url('../img/credit-bg.jpg');}
.y8c-destination-do {background-image: linear-gradient(135deg,rgba(108,59,255,.12),rgba(0,0,0,.05)), url('../img/hero-bg.jpg');}
.y8c-destination-mx {background-image: linear-gradient(135deg,rgba(108,59,255,.12),rgba(0,0,0,.05)), url('../img/contact-bg.jpg');}
.y8c-destination-meta {min-width:0;display:flex;flex-direction:column;gap:4px;}
.y8c-destination-meta strong {color:var(--y8c-ink);font-size:15px;line-height:1.1;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.y8c-destination-meta strong i {font-style: normal;margin-right:4px;}
.y8c-destination-meta small {color:var(--y8c-muted);font-size:12px;font-weight:850;}
.y8c-destination-tile em {margin-left:auto;font-style:normal;color:var(--y8c-primary);font-weight:950;}
.y8c-view-all-destinations {justify-content:center;}
.y8c-view-all-icon {width:42px;height:42px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:var(--y8c-gradient);color:#fff;font-weight:950;}
.y8c-explorer-benefits {
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 10px;
  padding-top: 4px;
}
.y8c-explorer-benefits > div {
  display:flex;
  align-items:center;
  gap:10px;
  min-height:56px;
  padding:10px 12px;
  border-radius:18px;
  background: rgba(255,255,255,.70);
  border: 1px solid var(--y8c-line);
}
.y8c-explorer-benefits b {width:34px;min-width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:rgba(108,59,255,.10);color:var(--y8c-primary);font-weight:950;}
.y8c-explorer-benefits strong {display:block;color:var(--y8c-ink);font-size:13px;font-weight:950;line-height:1.1;}
.y8c-explorer-benefits small {display:block;color:var(--y8c-muted);font-size:11px;font-weight:800;line-height:1.25;}
.y8c-results-title {display:flex;align-items:center;justify-content:space-between;gap:18px;margin: 24px 0 6px;}
.y8c-results-title span {display:block;color:var(--y8c-primary);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;}
.y8c-results-title h4 {margin:0;color:var(--y8c-ink);font-size:28px;line-height:1;font-weight:950;letter-spacing:-.055em;}
.y8c-results-title a {height:38px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.82);border:1px solid var(--y8c-line);display:inline-flex;align-items:center;font-weight:950;}

/* Convert the old swipe/discover area into a Concept 8C card grid where possible. */
#section_match_users {margin-top: 0;}
.dt_home_match_user {padding: 16px 0 10px !important;}
.dt_home_match_user .mtc_usr_details {
  height: auto !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 16px;
  align-items: stretch;
}
.dt_home_match_user .mtc_usr_avtr {display:none !important;}
.dt_home_match_user .mtc_usrd_content {position: relative !important;transform:none !important;padding:0 !important;margin:0 !important;width:100% !important;display:block !important;}
.dt_home_match_user .mtc_usrd_content:nth-child(2),
.dt_home_match_user .mtc_usrd_content:nth-child(3) {transform:none !important;}
.dt_home_match_user .mtc_usrd_slider {
  margin: 0 !important;
  border-radius: 26px !important;
  overflow: hidden;
  box-shadow: var(--y8c-shadow-sm) !important;
  border: 1px solid rgba(255,255,255,.74) !important;
  background: #fff !important;
}
.dt_home_match_user .mtc_usrd_slider .card-image {height: 360px !important;position: relative;overflow:hidden;background:#e8ecff;}
.dt_home_match_user .match_usr_img_slidr,
.dt_home_match_user .match_usr_img_slidr .flickity-viewport,
.dt_home_match_user .match_usr_img_slidr .flickity-slider,
.dt_home_match_user .match_usr_img_slidr .carousel-cell {height:100% !important;min-height:100% !important;}
.dt_home_match_user .match_usr_img_slidr img,
.dt_home_match_user .carousel-cell-image {width:100% !important;height:100% !important;object-fit:cover !important;display:block;}
.dt_home_match_user .mtc_usrd_slider .card-image:after {content:"";position:absolute;inset:0;background:linear-gradient(to top, rgba(11,14,42,.78), rgba(11,14,42,.04) 62%);z-index:2;pointer-events:none;}
.dt_home_match_user .mtc_usrd_top {position:absolute !important;left:0;right:0;bottom:0;top:auto !important;z-index:3;padding:18px !important;background:transparent !important;}
.dt_home_match_user .mtc_usrd_summary .usr_name,
.dt_home_match_user .mtc_usrd_summary .usr_name a {color:#fff !important;font-size:22px;font-weight:950;letter-spacing:-.05em;line-height:1.08;}
.dt_home_match_user .mtc_usrd_summary .usr_age {color:rgba(255,255,255,.86);}
.dt_home_match_user .usr_location {display:flex;align-items:center;gap:5px;color:rgba(255,255,255,.82) !important;font-size:13px;font-weight:850;margin-top:6px;}
.dt_home_match_user .usr_location svg {width:16px;height:16px;}
.dt_home_match_user .yonder_match_badges {gap:6px;margin-top:10px;}
.dt_home_match_user .yonder_match_badges span {background:rgba(255,255,255,.18) !important;border:1px solid rgba(255,255,255,.18);color:#fff !important;backdrop-filter:blur(10px);}
.dt_home_match_user .yonder_match_badges span.verified {background:rgba(39,179,106,.95) !important;border-color:rgba(39,179,106,.45) !important;}
.dt_home_match_user .card-content {display:none !important;}
.dt_home_match_user .card-reveal {display:none !important;}
.dt_home_match_user .mtc_usrd_actions {display:flex !important;justify-content:center;gap:10px;margin-top:-25px;position:relative;z-index:5;}
.dt_home_match_user .mtc_usrd_actions .btn {width:52px !important;height:52px !important;border-radius:20px !important;display:inline-flex !important;align-items:center;justify-content:center;padding:0 !important;background:#fff !important;box-shadow:0 14px 30px rgba(29,31,68,.14) !important;border:1px solid var(--y8c-line) !important;color:var(--y8c-primary) !important;}
.dt_home_match_user .mtc_usrd_actions .btn.like {background:var(--y8c-gradient) !important;color:#fff !important;}
.dt_home_match_user .mtc_usrd_actions .btn.dislike {color:#111436 !important;}

/* Small / search profile cards */
#dt_ltst_users .dt_home_rand_user,
#latest_user .dt_home_rand_user {padding-top: 6px;}
.to_small_usr {
  border-radius: 24px !important;
  box-shadow: var(--y8c-shadow-sm) !important;
  border: 1px solid rgba(255,255,255,.72) !important;
  background:#fff !important;
}
.to_small_usr .card-image {padding-bottom: 132% !important;}
.to_small_usr .card-content {padding: 76px 12px 12px !important;background: linear-gradient(180deg, rgba(8,12,38,0) 0%, rgba(8,12,38,.82) 100%) !important;}
.to_small_usr .card-content-info h3 {font-weight:950;letter-spacing:-.04em;font-size:20px;}
.to_small_usr .to_small_yes,
.to_small_usr .to_small_not {border-radius:16px !important;backdrop-filter:blur(14px);}
.to_small_usr .to_small_yes {color:var(--y8c-primary) !important;}
.to_small_usr .yonder_small_badges span {border:1px solid rgba(255,255,255,.18) !important;background:rgba(255,255,255,.16) !important;}
.to_small_usr .yonder_small_badges span.verified {background:rgba(39,179,106,.95) !important;}

@media (max-width: 1100px) {
  .y8c-destination-rail {grid-template-columns: repeat(3, minmax(0,1fr));}
  .y8c-explorer-benefits {grid-template-columns: repeat(2, minmax(0,1fr));}
}
@media (max-width: 768px) {
  .container.page-margin {width: 100%;max-width: 100%;padding-left: 10px;padding-right: 10px;}
  .y8c-explorer-page {margin: 8px 0 14px !important;padding: 15px !important;border-radius: 28px !important;}
  .y8c-explorer-hero {flex-direction: column;gap: 12px;margin-bottom: 14px;}
  .y8c-explorer-copy h3 {font-size: 28px;margin-top: 6px;letter-spacing:-.06em;}
  .y8c-explorer-copy p {font-size: 13px;line-height: 1.45;}
  .y8c-explorer-state {width:100%;justify-content:space-between;margin-top:12px;border-radius:18px;}
  .y8c-explorer-actions {width:100%;}
  .y8c-filter-button {width:100%;justify-content:center;height:44px !important;line-height:44px !important;}
  .y8c-mode-row {flex-wrap: nowrap !important;overflow-x:auto;margin-left:-15px !important;margin-right:-15px !important;padding:0 15px 5px;scrollbar-width:none;}
  .y8c-mode-row::-webkit-scrollbar {display:none;}
  .y8c-mode-row .yonder_match_mode {flex:0 0 auto;height:34px !important;min-height:34px !important;padding:0 12px !important;font-size:11.5px !important;}
  .y8c-explorer-toolbar {grid-template-columns:1fr;margin-bottom:12px;}
  .y8c-reset-button {display:none;}
  .y8c-explorer-search-display {min-height:43px;border-radius:15px;font-size:12.5px;}
  .y8c-destination-rail {display:flex;overflow-x:auto;gap:10px;margin-left:-15px;margin-right:-15px;padding:0 15px 6px;scrollbar-width:none;}
  .y8c-destination-rail::-webkit-scrollbar {display:none;}
  .y8c-destination-tile {flex:0 0 245px;min-height:80px !important;border-radius:20px !important;}
  .y8c-destination-thumb {width:58px;min-width:58px;height:58px;border-radius:16px;}
  .y8c-explorer-benefits {display:flex;overflow-x:auto;gap:8px;margin-left:-15px;margin-right:-15px;padding:0 15px 4px;scrollbar-width:none;}
  .y8c-explorer-benefits::-webkit-scrollbar {display:none;}
  .y8c-explorer-benefits > div {min-width: 185px;}
  .y8c-results-title {margin: 18px 2px 6px;}
  .y8c-results-title h4 {font-size:23px;}
  .y8c-results-title a {display:none;}
  .dt_home_match_user .mtc_usr_details {grid-template-columns: 1fr;gap: 14px;}
  .dt_home_match_user .mtc_usrd_slider {border-radius: 28px !important;}
  .dt_home_match_user .mtc_usrd_slider .card-image {height: min(70vh, 520px) !important;}
  .dt_home_match_user .mtc_usrd_top {padding: 16px !important;}
  .dt_home_match_user .mtc_usrd_summary .usr_name,
  .dt_home_match_user .mtc_usrd_summary .usr_name a {font-size:24px;}
  .dt_home_match_user .mtc_usrd_actions {position: sticky;bottom: calc(82px + env(safe-area-inset-bottom));margin-top: -34px;margin-bottom: 8px;}
  #dt_ltst_users .row.r_margin,
  #latest_user .row.r_margin {display:grid;grid-template-columns: repeat(2, minmax(0,1fr));gap:12px;margin-left:0;margin-right:0;}
  #dt_ltst_users .random_user_item,
  #latest_user .random_user_item {width:100% !important;padding:0 !important;}
  .to_small_usr {margin-bottom:0 !important;border-radius:22px !important;}
  .to_small_usr .card-content-info h3 {font-size:17px;}
  .to_small_usr .yonder_small_badges span:nth-child(n+3) {display:none;}
}
@media (max-width: 420px) {
  .y8c-destination-tile {flex-basis: 220px;}
  .y8c-destination-meta strong {font-size:14px;}
  .dt_home_match_user .mtc_usrd_slider .card-image {height: min(68vh, 500px) !important;}
  #dt_ltst_users .row.r_margin,
  #latest_user .row.r_margin {grid-template-columns: 1fr 1fr;gap:10px;}
}

/* --------------------------------------------------------------------------
   Pass 14 — Concept 8C Profile Redesign
   -------------------------------------------------------------------------- */
.y8c-profile-page {
  max-width: 1180px;
  margin: 22px auto 34px !important;
}
.y8c-profile-page .y8c-profile-layout {
  align-items: flex-start;
}
.y8c-profile-page .y8c-profile-media-col {
  width: 38% !important;
  position: sticky !important;
  top: 92px !important;
}
.y8c-profile-page .y8c-profile-info-col {
  width: 62% !important;
}
.y8c-profile-page .to_user_media {
  position: relative;
  padding: 14px;
  border-radius: 32px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(255,255,255,.82);
  box-shadow: var(--y8c-shadow-lg);
  overflow: hidden;
}
.y8c-profile-page .to_user_media:before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 20% 8%, rgba(108,59,255,.12), transparent 34%),
    radial-gradient(circle at 86% 92%, rgba(82,151,255,.13), transparent 34%);
}
.y8c-profile-page .to_user_media .avatar {
  border-radius: 28px !important;
  box-shadow: none !important;
  border: 1px solid rgba(255,255,255,.70);
  overflow: hidden;
  z-index: 1;
}
.y8c-profile-page .to_user_media .avatar > a {
  padding-top: 128% !important;
  border-radius: 28px !important;
  background: linear-gradient(135deg, #f3f0ff, #edf5ff);
}
.y8c-profile-page .to_user_media .avatar img {
  transform: scale(1.002);
}
.y8c-profile-page .to_user_media .dt_chng_avtr,
.y8c-profile-page .to_user_media .dt_chng_avtr span {z-index: 5;}
.y8c-profile-page .to_user_media .dt_chng_avtr span {
  width: 46px !important;
  height: 46px !important;
  border-radius: 16px !important;
  background: rgba(12,18,54,.58) !important;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 14px 32px rgba(14,20,50,.20) !important;
}
.y8c-profile-page .to_user_media .dt_chng_avtr span:hover {width: 152px !important;}
.y8c-profile-gallery {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 9px;
  margin: -34px 12px 14px;
}
.y8c-profile-gallery-item,
.y8c-profile-gallery-more {
  display: block;
  position: relative;
  aspect-ratio: 1;
  border-radius: 18px;
  overflow: hidden;
  border: 2px solid rgba(255,255,255,.92);
  box-shadow: 0 13px 28px rgba(29,31,68,.16);
  background: #fff;
}
.y8c-profile-gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.y8c-profile-gallery-more {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 950;
  font-size: 18px;
  background: linear-gradient(135deg, rgba(43,33,100,.78), rgba(108,59,255,.82));
}
.y8c-profile-page .dt_user_pro_info {
  position: relative;
  z-index: 3;
  display: flex !important;
  justify-content: center;
  gap: 10px;
  margin-top: 8px;
  padding: 4px 2px 2px;
}
.y8c-profile-page .dt_user_pro_info .btn {
  width: 56px !important;
  height: 56px !important;
  min-height: 56px !important;
  line-height: 56px !important;
  border-radius: 20px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  background: #fff !important;
  color: var(--y8c-primary) !important;
  border: 1px solid var(--y8c-line) !important;
  box-shadow: 0 18px 38px rgba(29,31,68,.13) !important;
}
.y8c-profile-page .dt_user_pro_info .btn svg {width: 24px;height: 24px;}
.y8c-profile-page .dt_user_pro_info #like_btn,
.y8c-profile-page .dt_user_pro_info .lk_active {
  background: var(--y8c-gradient) !important;
  color: #fff !important;
  border-color: rgba(108,59,255,.12) !important;
}
.y8c-profile-page .dt_user_pro_info #like_btn svg path,
.y8c-profile-page .dt_user_pro_info .lk_active svg path {fill: currentColor !important;}
.y8c-profile-page .dt_user_pro_info #dislike_btn {color: var(--y8c-ink) !important;}
.y8c-profile-page .dt_user_profile.dt_user_info {
  border-radius: 32px !important;
  padding: 26px !important;
  background: rgba(255,255,255,.94) !important;
  border: 1px solid rgba(255,255,255,.82) !important;
  box-shadow: var(--y8c-shadow-lg) !important;
  overflow: hidden;
}
.y8c-profile-page .dt_user_info .info .combo,
.y8c-profile-page .dt_user_info .info .combo.dt_othr_ur_info {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 10px;
}
.y8c-profile-page .dt_user_info .info h2,
.y8c-profile-page .dt_user_info .info h2 a {
  font-size: clamp(30px, 3.2vw, 42px) !important;
  line-height: .98 !important;
  letter-spacing: -.065em !important;
  font-weight: 950 !important;
  color: var(--y8c-ink) !important;
}
.y8c-profile-page .dt_user_info .info h2 span svg {
  width: 28px;
  height: 28px;
  margin: -8px 0 0 6px;
}
.y8c-profile-page .dt_usr_opts_mnu .dropdown-trigger {
  width: 48px !important;
  height: 48px !important;
  border-radius: 18px !important;
  background: #f5f3ff !important;
  color: var(--y8c-ink) !important;
  border: 1px solid rgba(108,59,255,.09) !important;
  box-shadow: none !important;
}
.y8c-profile-page .to_user_stats {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 6px 0 18px;
}
.y8c-profile-page .to_user_stats span:not(.middot) {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  color: var(--y8c-muted);
  background: #f7f8ff;
  border: 1px solid var(--y8c-line);
  font-size: 13px;
  font-weight: 750;
}
.y8c-profile-page .to_user_stats span svg {width: 16px;height: 16px;color: var(--y8c-primary);}
.y8c-profile-page .to_user_stats .middot {display: none !important;}
.y8c-profile-page .yonder_profile_abroad_panel {
  margin: 18px 0 18px;
  padding: 18px;
  border-radius: 26px;
  background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(246,244,255,.96));
  border: 1px solid rgba(108,59,255,.10);
  box-shadow: 0 18px 44px rgba(108,59,255,.08);
}
.y8c-profile-page .yonder_profile_abroad_head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 14px;
}
.y8c-profile-page .yonder_profile_abroad_head span {
  display: inline-flex;
  align-items: center;
  height: 28px;
  padding: 0 10px;
  margin-bottom: 0;
  border-radius: 999px;
  color: var(--y8c-primary);
  background: rgba(108,59,255,.08);
  border: 1px solid rgba(108,59,255,.12);
  white-space: nowrap;
}
.y8c-profile-page .yonder_profile_abroad_head h4 {
  margin: 0;
  font-size: 22px;
  letter-spacing: -.04em;
  color: var(--y8c-ink);
}
.y8c-profile-page .yonder_profile_abroad_head p {display: none;}
.y8c-profile-page .yonder_profile_trust_summary {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px 12px;
  align-items: center;
  margin: 0 0 14px;
  padding: 12px;
  border-radius: 18px;
  background: rgba(255,255,255,.75);
  border: 1px solid rgba(108,59,255,.08);
}
.y8c-profile-page .yonder_profile_trust_summary small {
  display: block;
  color: var(--y8c-muted);
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 10px;
  font-weight: 900;
}
.y8c-profile-page .yonder_profile_trust_summary strong {color: var(--y8c-ink);font-size: 15px;font-weight: 950;}
.y8c-profile-page .yonder_profile_trust_summary > span {font-weight: 950;color: var(--y8c-primary);}
.y8c-profile-page .yonder_profile_trust_bar {grid-column: 1 / -1;height: 7px;border-radius: 999px;background: rgba(108,59,255,.10);overflow:hidden;}
.y8c-profile-page .yonder_profile_trust_bar i {display:block;height:100%;border-radius:999px;background: var(--y8c-gradient);}
.y8c-profile-page .yonder_profile_abroad_grid {
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 10px;
}
.y8c-profile-page .yonder_profile_abroad_card {
  padding: 12px;
  border-radius: 18px;
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(108,59,255,.08);
  min-height: 78px;
}
.y8c-profile-page .yonder_profile_abroad_icon {
  background: #f3f0ff;
  color: var(--y8c-primary);
}
.y8c-profile-page .yonder_profile_abroad_card span {color: var(--y8c-muted);}
.y8c-profile-page .yonder_profile_abroad_card strong {color: var(--y8c-ink);}
.y8c-profile-page .yonder_profile_trust_row {display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
.y8c-profile-page .yonder_profile_trust_row span {
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:0 11px;
  border-radius:999px;
  font-size:12px;
  font-weight:850;
  border:1px solid var(--y8c-line);
}
.y8c-profile-page .yonder_profile_safety_note {
  display: flex;
  gap: 10px;
  margin-top: 12px;
  padding: 12px;
  border-radius: 18px;
  color: var(--y8c-muted);
  background: rgba(82,151,255,.08);
  border: 1px solid rgba(82,151,255,.11);
}
.y8c-profile-page .yonder_profile_safety_note p {margin: 0;font-size: 12.5px;line-height: 1.45;}
.y8c-profile-page .dt_user_social {
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin: 18px 0 8px !important;
}
.y8c-profile-page .dt_user_social li {margin:0 !important;}
.y8c-profile-page .dt_user_social li a {
  display:flex;
  width:42px;
  height:42px;
  align-items:center;
  justify-content:center;
  border-radius:16px;
  background:#f7f8ff;
  border:1px solid var(--y8c-line);
  color:var(--y8c-ink-2);
  transition: transform .18s ease, background .18s ease, color .18s ease;
}
.y8c-profile-page .dt_user_social li a:hover {transform:translateY(-2px);background:var(--y8c-primary);color:#fff;}
.y8c-profile-page .dt_user_prof_complt,
.y8c-profile-page .to_usr_info_block {
  padding: 20px;
  margin: 18px 0 !important;
  border-radius: 26px;
  background: rgba(255,255,255,.92);
  border: 1px solid var(--y8c-line);
  box-shadow: var(--y8c-shadow-sm);
}
.y8c-profile-page .to_usr_info_block h5,
.y8c-profile-page .dt_user_prof_complt h5 {
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 12px !important;
  color:var(--y8c-ink) !important;
  font-size: 21px !important;
  line-height:1.15;
  font-weight:950 !important;
  letter-spacing:-.04em;
}
.y8c-profile-page .to_intrst_des {
  font-size: 15px;
  line-height: 1.75;
  color: var(--y8c-ink-2);
  margin: 0;
}
.y8c-profile-page .to_intrst_chp,
.y8c-profile-page .to_intrst_chp a,
.y8c-profile-page .dt_profile_info .chip,
.y8c-profile-page .chip {
  border-radius: 999px !important;
}
.y8c-profile-page .to_intrst_chp {
  background: rgba(108,59,255,.09) !important;
  border: 1px solid rgba(108,59,255,.10);
  color: var(--y8c-primary) !important;
  font-weight: 850;
  box-shadow: none;
}
.y8c-profile-page .to_intrst_chp a {color: var(--y8c-primary) !important;}
.y8c-profile-page .dt_cp_photos_list {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 10px;
  padding: 18px;
  margin: 18px 0 !important;
  max-height: none !important;
  overflow: visible !important;
  border-radius: 26px;
  background: rgba(255,255,255,.92);
  border: 1px solid var(--y8c-line);
  box-shadow: var(--y8c-shadow-sm);
}
.y8c-profile-page .dt_cp_photos_list .dt_cp_l_photos {width:100% !important;padding:0 !important;}
.y8c-profile-page .dt_cp_photos_list .dt_cp_l_photos .inline {border-radius:18px !important;padding-bottom:100% !important;}
.y8c-profile-page .to_usr_info_things .dt_profile_info {
  display:grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 8px 22px;
}
.y8c-profile-page .to_usr_info_things .dt_profile_info h5 {
  grid-column: 1 / -1;
  margin: 18px 0 2px !important;
  font-size: 16px !important;
  letter-spacing:-.02em;
}
.y8c-profile-page .to_usr_info_things .dt_profile_info h5:first-child {margin-top:0 !important;}
.y8c-profile-page .dt_profile_info .row {
  display:grid;
  grid-template-columns: minmax(92px, .95fr) minmax(0,1fr);
  gap: 12px;
  align-items:start;
  margin:0 !important;
  padding: 8px 0;
  border-bottom:1px solid rgba(108,59,255,.07);
}
.y8c-profile-page .dt_profile_info .row .col {width:auto !important;padding:0 !important;}
.y8c-profile-page .dt_profile_info p {margin:0;font-size:14px;line-height:1.35;}
.y8c-profile-page .dt_profile_info p.info_title {color:var(--y8c-muted) !important;font-weight:800;}
.y8c-profile-page .to_location_map {border-radius:20px;overflow:hidden;border:1px solid var(--y8c-line);background:#f7f8ff;}
.y8c-profile-page .yonder_location_placeholder {background:linear-gradient(135deg,#f7f8ff,#f1f6ff);}

@media (max-width: 992px) {
  .y8c-profile-page .y8c-profile-media-col,
  .y8c-profile-page .y8c-profile-info-col {width:100% !important;position:relative !important;top:auto !important;}
  .y8c-profile-page .to_user_media {margin-bottom: 16px;}
}
@media (max-width: 768px) {
  .y8c-profile-page {margin-top: 8px !important;padding-left: 10px !important;padding-right: 10px !important;}
  .y8c-profile-page .y8c-profile-layout {margin-left:0 !important;margin-right:0 !important;}
  .y8c-profile-page .y8c-profile-media-col,
  .y8c-profile-page .y8c-profile-info-col {padding-left:0 !important;padding-right:0 !important;}
  .y8c-profile-page .to_user_media {
    padding: 8px;
    border-radius: 30px;
    margin-bottom: 12px;
    background: rgba(255,255,255,.96);
  }
  .y8c-profile-page .to_user_media .avatar,
  .y8c-profile-page .to_user_media .avatar > a {border-radius: 26px !important;}
  .y8c-profile-page .to_user_media .avatar > a {padding-top: min(122%, 530px) !important;}
  .y8c-profile-gallery {margin: -38px 10px 12px;grid-template-columns: repeat(4, 1fr);gap:7px;}
  .y8c-profile-gallery-item,
  .y8c-profile-gallery-more {border-radius: 14px;border-width:2px;}
  .y8c-profile-page .dt_user_pro_info {
    position: sticky;
    bottom: calc(var(--y8c-mobile-nav-height) + 12px + env(safe-area-inset-bottom));
    display:flex !important;
    align-items:center;
    justify-content:center;
    gap: 9px;
    margin: -4px auto 4px;
    padding: 8px;
    width: max-content;
    max-width: calc(100vw - 34px);
    border-radius: 26px;
    background: rgba(255,255,255,.86);
    border: 1px solid rgba(255,255,255,.84);
    box-shadow: 0 20px 46px rgba(29,31,68,.18);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
  }
  .y8c-profile-page .dt_user_pro_info .btn {width:50px !important;height:50px !important;min-height:50px !important;border-radius:18px !important;}
  .y8c-profile-page .dt_user_profile.dt_user_info {padding: 18px !important;border-radius:28px !important;}
  .y8c-profile-page .dt_user_info .info .combo,
  .y8c-profile-page .dt_user_info .info .combo.dt_othr_ur_info {align-items:flex-start;}
  .y8c-profile-page .dt_user_info .info h2,
  .y8c-profile-page .dt_user_info .info h2 a {font-size: 31px !important;line-height: 1.02 !important;}
  .y8c-profile-page .dt_usr_opts_mnu .dropdown-trigger {width:42px !important;height:42px !important;border-radius:16px !important;}
  .y8c-profile-page .to_user_stats {margin-bottom: 12px;gap:6px;}
  .y8c-profile-page .to_user_stats span:not(.middot) {height:31px;font-size:11.5px;padding:0 10px;}
  .y8c-profile-page .yonder_profile_abroad_panel {padding: 14px;border-radius:24px;margin:14px 0;}
  .y8c-profile-page .yonder_profile_abroad_head {display:block;margin-bottom:10px;}
  .y8c-profile-page .yonder_profile_abroad_head span {height:25px;font-size:9px;margin-bottom:8px;}
  .y8c-profile-page .yonder_profile_abroad_head h4 {font-size:20px;}
  .y8c-profile-page .yonder_profile_trust_summary {padding:10px;border-radius:16px;}
  .y8c-profile-page .yonder_profile_abroad_grid {grid-template-columns: repeat(2,minmax(0,1fr));gap:8px;}
  .y8c-profile-page .yonder_profile_abroad_card {padding:10px;border-radius:16px;min-height:66px;}
  .y8c-profile-page .yonder_profile_abroad_icon {width:28px;height:28px;min-width:28px;border-radius:10px;font-size:14px;}
  .y8c-profile-page .yonder_profile_abroad_card span {font-size:8px;}
  .y8c-profile-page .yonder_profile_abroad_card strong {font-size:11.5px;}
  .y8c-profile-page .yonder_profile_safety_note {font-size:12px;padding:10px;border-radius:16px;}
  .y8c-profile-page .dt_user_social {margin: 12px 0 2px !important;gap:7px;}
  .y8c-profile-page .dt_user_social li a {width:38px;height:38px;border-radius:14px;}
  .y8c-profile-page .dt_user_prof_complt,
  .y8c-profile-page .to_usr_info_block {padding:16px;margin:14px 0 !important;border-radius:24px;}
  .y8c-profile-page .to_usr_info_block h5,
  .y8c-profile-page .dt_user_prof_complt h5 {font-size:19px !important;}
  .y8c-profile-page .to_intrst_des {font-size:14px;line-height:1.65;}
  .y8c-profile-page .dt_cp_photos_list {grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:14px;border-radius:24px;}
  .y8c-profile-page .to_usr_info_things .dt_profile_info {grid-template-columns:1fr;gap:0;}
  .y8c-profile-page .dt_profile_info .row {grid-template-columns: .95fr 1fr;padding:7px 0;}
  .y8c-profile-page .dt_profile_info p {font-size:13.5px;}
}
@media (max-width: 420px) {
  .y8c-profile-page .to_user_media .avatar > a {padding-top: 128% !important;}
  .y8c-profile-page .yonder_profile_abroad_grid {grid-template-columns:1fr 1fr;}
  .y8c-profile-page .yonder_profile_abroad_card {min-height:64px;}
  .y8c-profile-page .dt_cp_photos_list {grid-template-columns:repeat(2,minmax(0,1fr));}
}

/* ==========================================================================
   Yonder Concept 8C — Phase 15 Final UI Polish
   Purpose: tighten desktop/mobile consistency, prevent overflow, and keep the
   mobile web experience feeling like a native app shell.
   ========================================================================== */

html {scroll-behavior:smooth;}
body {background:var(--y8c-bg, #f7f8ff);overflow-x:hidden;-webkit-tap-highlight-color:transparent;}
body, button, input, select, textarea {text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
* {box-sizing:border-box;}
img, svg, video {max-width:100%;}
button, .btn, a {touch-action:manipulation;}

/* Stable page canvas */
.y8c-homepage,
.y8c-discover-page,
.y8c-profile-page {isolation:isolate;}
.y8c-homepage .container,
.y8c-discover-page .container,
.y8c-profile-page .container {max-width:1180px;}
.y8c-homepage [class*="row"],
.y8c-discover-page [class*="row"],
.y8c-profile-page [class*="row"] {min-width:0;}

/* Consistent elevated white surfaces across the redesigned pages */
.y8c-card,
.y8c-homepage .y8c-home-hero,
.y8c-homepage .y8c-home-section,
.y8c-discover-page .y8c-discover-shell,
.y8c-discover-page .y8c-destination-card,
.y8c-profile-page .dt_user_profile,
.y8c-profile-page .to_user_media,
.y8c-profile-page .to_usr_info_block,
.y8c-profile-page .dt_user_prof_complt {
  background:rgba(255,255,255,.94);
  border:1px solid rgba(94,75,228,.10);
  box-shadow:0 22px 70px rgba(43,45,88,.08);
}

/* Keep horizontal rails app-like instead of wrapping into clutter */
.y8c-home-destinations,
.y8c-home-country-grid,
.y8c-discover-destinations,
.y8c-discover-modes,
.y8c-discover-benefits,
.y8c-profile-gallery {
  scrollbar-width:none;
  -ms-overflow-style:none;
}
.y8c-home-destinations::-webkit-scrollbar,
.y8c-home-country-grid::-webkit-scrollbar,
.y8c-discover-destinations::-webkit-scrollbar,
.y8c-discover-modes::-webkit-scrollbar,
.y8c-discover-benefits::-webkit-scrollbar,
.y8c-profile-gallery::-webkit-scrollbar {display:none;}

/* Buttons and chips should feel touchable but not bulky */
.y8c-homepage .btn,
.y8c-discover-page .btn,
.y8c-profile-page .btn,
.y8c-homepage button,
.y8c-discover-page button,
.y8c-profile-page button {
  letter-spacing:.01em;
  font-weight:800;
}
.y8c-homepage input,
.y8c-discover-page input,
.y8c-profile-page input,
.y8c-homepage select,
.y8c-discover-page select,
.y8c-profile-page select {
  border-radius:18px !important;
}

/* Header polish */
.to_header {
  backdrop-filter:saturate(1.2) blur(18px);
  -webkit-backdrop-filter:saturate(1.2) blur(18px);
}
.to_header .head_menu_rght .btn,
.to_header .head_menu_rght button {white-space:nowrap;}

/* Mobile app shell polish */
@media (max-width: 768px) {
  :root {--y8c-mobile-nav-height:74px;}
  body {
    background:linear-gradient(180deg,#fbfbff 0%,#f4f6ff 48%,#ffffff 100%);
    padding-bottom:calc(var(--y8c-mobile-nav-height) + env(safe-area-inset-bottom) + 14px) !important;
  }
  .container {width:100%;max-width:100%;}
  .to_content, .dt_sections, .dt_home_content {overflow-x:hidden;}

  .to_header {
    position:sticky;
    top:0;
    z-index:1000;
    background:rgba(255,255,255,.88) !important;
    border-bottom:1px solid rgba(92,88,214,.10);
    box-shadow:0 10px 28px rgba(31,34,86,.06);
  }

  .y8c-homepage,
  .y8c-discover-page,
  .y8c-profile-page {padding-bottom:calc(var(--y8c-mobile-nav-height) + 20px);}

  .y8c-homepage .y8c-home-hero,
  .y8c-discover-page .y8c-discover-shell,
  .y8c-profile-page .dt_user_profile,
  .y8c-profile-page .to_user_media,
  .y8c-profile-page .to_usr_info_block,
  .y8c-profile-page .dt_user_prof_complt {
    border-radius:26px !important;
    box-shadow:0 18px 50px rgba(42,45,104,.10) !important;
  }

  .y8c-homepage .y8c-home-country-grid,
  .y8c-discover-page .y8c-discover-destinations,
  .y8c-discover-page .y8c-discover-modes,
  .y8c-discover-page .y8c-discover-benefits {
    display:flex !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    flex-wrap:nowrap !important;
    gap:10px !important;
    padding-bottom:4px !important;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
  }
  .y8c-homepage .y8c-home-country-grid > *,
  .y8c-discover-page .y8c-discover-destinations > *,
  .y8c-discover-page .y8c-discover-benefits > * {
    flex:0 0 76%;
    max-width:76%;
    scroll-snap-align:start;
  }
  .y8c-discover-page .y8c-discover-modes > * {
    flex:0 0 auto;
    scroll-snap-align:start;
  }

  .y8c-homepage .y8c-stat-strip,
  .y8c-homepage .y8c-home-trust-row,
  .y8c-profile-page .to_user_stats {
    display:flex !important;
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    gap:8px;
    scrollbar-width:none;
  }
  .y8c-homepage .y8c-stat-strip > *,
  .y8c-homepage .y8c-home-trust-row > *,
  .y8c-profile-page .to_user_stats > * {
    flex:0 0 auto;
  }

  .yonder_app_tabbar {
    height:var(--y8c-mobile-nav-height) !important;
    padding-bottom:max(8px, env(safe-area-inset-bottom)) !important;
    background:rgba(255,255,255,.92) !important;
    border:1px solid rgba(92,88,214,.12) !important;
    box-shadow:0 -18px 45px rgba(31,34,86,.14) !important;
    backdrop-filter:blur(24px) saturate(1.2);
    -webkit-backdrop-filter:blur(24px) saturate(1.2);
  }
  .yonder_app_tabbar a {
    min-height:58px;
    border-radius:22px;
  }
  .yonder_app_tabbar li.active a {
    background:linear-gradient(180deg,rgba(107,71,255,.12),rgba(63,121,255,.06));
  }
  .yonder_app_tabbar svg,
  .yonder_app_tabbar img {width:24px;height:24px;}
  .yonder_mini_label {font-size:10px;line-height:1.1;margin-top:3px;}
}

@media (max-width: 480px) {
  .y8c-homepage .y8c-home-country-grid > *,
  .y8c-discover-page .y8c-discover-destinations > *,
  .y8c-discover-page .y8c-discover-benefits > * {
    flex-basis:82%;
    max-width:82%;
  }
  .y8c-profile-page .dt_user_info .info h2,
  .y8c-profile-page .dt_user_info .info h2 a {
    font-size:28px !important;
  }
  .y8c-profile-page .dt_profile_info .row {
    grid-template-columns:1fr !important;
    gap:2px !important;
  }
}

/* Pass 15.1 — Mobile/tablet menu hotfix
   Concept 8C moved the sidebar into an app-style shell. This restores the
   expected behavior: hamburger opens the menu on mobile/tablet, while desktop
   can still collapse the left rail. */
@media (max-width: 1215px) {
  body.side_open {overflow: hidden !important;}
  body.side_open .to_sidebar {
    transform: translateX(0) !important;
    z-index: 10002 !important;
  }
  body.side_open .sidenav_overlay {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 10001 !important;
  }
}

@media (max-width: 675px) {
  .dt_slide_menu,
  .yonder_mobile_menu_toggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }
  .to_sidebar {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    bottom: calc(var(--y8c-mobile-nav-height) + env(safe-area-inset-bottom)) !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: calc(86vh - var(--y8c-mobile-nav-height)) !important;
    height: auto !important;
    overflow-y: auto !important;
    transform: translateY(calc(100% + var(--y8c-mobile-nav-height) + 90px)) !important;
    border-radius: 28px 28px 0 0 !important;
    box-shadow: 0 -24px 60px rgba(24,28,68,.24) !important;
    z-index: 10002 !important;
  }
  body.side_open .to_sidebar {
    transform: translateY(0) !important;
  }
  body.side_open .sidenav_overlay {
    position: fixed !important;
    inset: 0 !important;
    bottom: 0 !important;
    display: block !important;
    background: rgba(13,16,46,.38) !important;
    backdrop-filter: blur(4px);
  }
  body.side_open .dt_slide_menu,
  body.side_open .yonder_mobile_menu_toggle {
    background: var(--y8c-gradient) !important;
    color: #fff !important;
    border-color: transparent !important;
  }
}


/* Phase 18 — Yonder self-hosted call UI */
.yonder-call-profile-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.yonder-call-profile-actions .yc-profile-call-btn{border:1px solid rgba(109,68,255,.16);background:#fff;color:#17152d;border-radius:999px;padding:10px 14px;font-weight:800;box-shadow:0 12px 28px rgba(58,39,130,.08);display:inline-flex;align-items:center;gap:8px}.yonder-call-profile-actions .yc-profile-call-btn.video{background:linear-gradient(135deg,#6d44ff,#2188ff);color:#fff}.chat_toolbar .yc-chat-call-btn,.dropdown-content .yc-chat-call-btn{display:flex!important;align-items:center;gap:10px}.yonder-call-shell{position:fixed;inset:0;z-index:999999;background:linear-gradient(135deg,rgba(19,15,48,.76),rgba(77,46,191,.82));backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:center;padding:22px}.yonder-call-shell.is-hidden{display:none}.yonder-call-card{width:min(980px,100%);min-height:min(680px,92vh);display:grid;grid-template-columns:minmax(280px,1.15fr) minmax(280px,.85fr);border-radius:34px;overflow:hidden;background:#fff;box-shadow:0 35px 120px rgba(12,8,40,.45);border:1px solid rgba(255,255,255,.32)}.yonder-call-media{position:relative;min-height:520px;background:radial-gradient(circle at top,#6d44ff 0,#17152d 48%,#080817 100%);display:flex;align-items:center;justify-content:center}.yonder-call-media video{background:#0b0b18}.yonder-call-media #yonder-call-remote-video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.yonder-call-media #yonder-call-local-video{position:absolute;right:18px;bottom:18px;width:172px;height:124px;border-radius:22px;object-fit:cover;border:3px solid rgba(255,255,255,.86);box-shadow:0 18px 45px rgba(0,0,0,.28);background:#1d1a35}.yonder-call-audio-avatar{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.yc-avatar-ring{width:170px;height:170px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#fff,#ece7ff);box-shadow:0 0 0 22px rgba(255,255,255,.08),0 0 0 48px rgba(255,255,255,.04)}.yc-avatar-ring span{font-size:68px;font-weight:900;color:#6d44ff}.yonder-call-shell.video .yonder-call-audio-avatar,.yonder-call-shell.is-active.video .yonder-call-audio-avatar{opacity:0}.yonder-call-shell.audio #yonder-call-remote-video,.yonder-call-shell.is-incoming #yonder-call-remote-video,.yonder-call-shell.is-outgoing #yonder-call-remote-video{opacity:.08}.yonder-call-panel{padding:34px;display:flex;flex-direction:column;justify-content:center;gap:14px}.yc-pill{width:max-content;border-radius:999px;background:#f0ebff;color:#6d44ff;border:1px solid #ded4ff;padding:7px 10px;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:900}.yonder-call-panel h2{font-size:clamp(28px,4vw,44px);line-height:1.02;margin:0;color:#17152d}.yonder-call-panel p{color:#696486;font-size:16px;line-height:1.5;margin:0}.yc-status{border:1px solid #e7e1fb;background:#f8f6ff;border-radius:18px;color:#4b426f;padding:13px 14px;font-weight:700}.yonder-call-controls,.yonder-call-incoming-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.yc-control,.yc-btn{border:0;border-radius:999px;font-weight:900;cursor:pointer}.yc-control{background:#f1effa;color:#17152d;min-width:88px;padding:13px 14px}.yc-control.is-off{background:#fff0f2;color:#a82138}.yc-end{background:#ff3b5c!important;color:#fff!important}.yc-btn{padding:14px 22px}.yc-btn-primary{background:linear-gradient(135deg,#6d44ff,#2188ff);color:#fff}.yc-btn-secondary{background:#f1effa;color:#17152d}.yonder-call-shell:not(.is-incoming) .yonder-call-incoming-actions{display:none}.yonder-call-shell.is-incoming .yonder-call-controls{display:none}.yonder-call-toast-host{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:1000000;width:min(560px,calc(100vw - 28px));pointer-events:none;display:flex;justify-content:center}.yonder-call-toast{display:flex;align-items:center;gap:10px;max-width:100%;background:rgba(23,21,45,.96);color:#fff;padding:13px 16px;border-radius:999px;box-shadow:0 18px 48px rgba(21,15,54,.28);border:1px solid rgba(255,255,255,.14);opacity:0;transform:translateY(16px) scale(.98);transition:opacity .22s ease,transform .22s ease;font-weight:850;line-height:1.25}.yonder-call-toast.show{opacity:1;transform:translateY(0) scale(1)}.yonder-call-toast.error{background:linear-gradient(135deg,#ff3b5c,#d93670)}.yonder-call-toast.success{background:linear-gradient(135deg,#15a66a,#37c586)}.yc-toast-dot{width:9px;height:9px;border-radius:50%;background:#8f6cff;box-shadow:0 0 0 6px rgba(143,108,255,.16);flex:0 0 auto}.yonder-call-toast.error .yc-toast-dot{background:#fff}.yonder-call-toast.success .yc-toast-dot{background:#fff}@media(max-width:760px){.yonder-call-shell{align-items:stretch;padding:0}.yonder-call-card{grid-template-columns:1fr;min-height:100vh;width:100%;border-radius:0}.yonder-call-media{min-height:54vh}.yonder-call-panel{padding:22px 18px 34px}.yonder-call-panel h2{font-size:30px}.yonder-call-media #yonder-call-local-video{width:116px;height:86px;right:14px;bottom:14px;border-radius:16px}.yonder-call-controls,.yonder-call-incoming-actions{justify-content:center}.yc-control{min-width:74px;padding:12px 10px}.yonder-call-profile-actions .yc-profile-call-btn{flex:1;justify-content:center}}


@media(max-width:760px){.yonder-call-toast-host{bottom:calc(86px + env(safe-area-inset-bottom,0px));width:calc(100vw - 24px)}.yonder-call-toast{width:100%;border-radius:22px;justify-content:flex-start;padding:14px 16px}.yc-toast-text{white-space:normal}}

/* Yondr Visual QA Step 5 — Cookie banner + bottom-nav overlap cleanup */
body .cc-window,
body .cc-window.cc-banner,
body .cc-window.cc-floating {
  position: fixed !important;
  left: 24px !important;
  right: auto !important;
  bottom: 24px !important;
  top: auto !important;
  transform: none !important;
  width: min(460px, calc(100vw - 48px)) !important;
  max-width: min(460px, calc(100vw - 48px)) !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: center !important;
  gap: 12px 14px !important;
  padding: 14px 14px 14px 16px !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,.96) !important;
  color: #4b426f !important;
  border: 1px solid rgba(109,68,255,.14) !important;
  box-shadow: 0 20px 55px rgba(25, 19, 70, .18) !important;
  backdrop-filter: blur(16px) saturate(1.08) !important;
  font-family: inherit !important;
  line-height: 1.35 !important;
  z-index: 9998 !important;
}
body .cc-window .cc-message {
  display: block !important;
  margin: 0 !important;
  color: #4b426f !important;
  font-size: 13px !important;
  font-weight: 650 !important;
}
body .cc-window .cc-message:before {
  content: "Privacy";
  display: block;
  margin-bottom: 3px;
  color: #17152d;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}
body .cc-window .cc-link,
body .cc-window a.cc-link {
  color: #6d44ff !important;
  font-weight: 850 !important;
  opacity: 1 !important;
  text-decoration: none !important;
  padding: 0 !important;
}
body .cc-window .cc-compliance {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  margin: 0 !important;
}
body .cc-window .cc-btn,
body .cc-window .cc-btn.cc-dismiss {
  min-width: 92px !important;
  height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg,#6d44ff,#2188ff) !important;
  color: #fff !important;
  border: 0 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  box-shadow: 0 12px 28px rgba(109,68,255,.24) !important;
}
body .cc-window .cc-btn:hover,
body .cc-window .cc-btn:focus {
  transform: translateY(-1px);
  box-shadow: 0 16px 34px rgba(109,68,255,.30) !important;
}
body .cc-window.cc-invisible {
  opacity: 0 !important;
  pointer-events: none !important;
}

@media (max-width: 760px) {
  body .cc-window,
  body .cc-window.cc-banner,
  body .cc-window.cc-floating {
    left: 12px !important;
    right: 12px !important;
    bottom: calc(var(--y8c-mobile-nav-height, 76px) + 14px + env(safe-area-inset-bottom,0px)) !important;
    width: auto !important;
    max-width: none !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 13px !important;
    border-radius: 20px !important;
    z-index: 9997 !important;
  }
  body .cc-window .cc-message {
    font-size: 12.5px !important;
    padding-right: 0 !important;
  }
  body .cc-window .cc-compliance {
    width: 100% !important;
  }
  body .cc-window .cc-btn,
  body .cc-window .cc-btn.cc-dismiss {
    width: 100% !important;
    height: 40px !important;
  }
  body:has(.yonder-call-shell:not(.is-hidden)) .cc-window {
    display: none !important;
  }
}

/* YONDR VISUAL STEP 6 — refined call screen states */
.yonder-call-shell{--yc-ink:#17152d;--yc-muted:#6b6688;--yc-soft:#f7f4ff;--yc-line:#e6defb;--yc-brand:#6d44ff;--yc-blue:#2188ff}
.yonder-call-panel{position:relative}
.yonder-call-panel .yc-pill{display:inline-flex;align-items:center;gap:8px}
.yonder-call-panel .yc-pill:before{content:"";width:8px;height:8px;border-radius:999px;background:#6d44ff;box-shadow:0 0 0 6px rgba(109,68,255,.14)}
.yc-status{position:relative;display:flex;align-items:flex-start;gap:10px;min-height:48px;box-shadow:inset 0 1px 0 rgba(255,255,255,.74)}
.yc-status:before{content:"";width:10px;height:10px;border-radius:50%;background:#8f6cff;margin-top:4px;box-shadow:0 0 0 7px rgba(143,108,255,.12);flex:0 0 auto}
.yc-phase-start .yc-status:before{background:#2188ff;box-shadow:0 0 0 7px rgba(33,136,255,.12)}
.yc-phase-ringing .yc-status:before{background:#8f6cff;animation:ycPulse 1.35s ease-in-out infinite}
.yc-phase-connecting .yc-status:before,.yc-phase-reconnecting .yc-status:before{background:#2188ff;animation:ycPulse 1.15s ease-in-out infinite}
.yc-phase-waiting .yc-status:before{background:#ffb020;box-shadow:0 0 0 7px rgba(255,176,32,.15)}
.yc-phase-live .yc-status:before{background:#19b87a;box-shadow:0 0 0 7px rgba(25,184,122,.14)}
.yc-phase-ended .yc-status:before{background:#8f8aa8;box-shadow:0 0 0 7px rgba(143,138,168,.12)}
@keyframes ycPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 6px rgba(109,68,255,.14)}50%{transform:scale(1.18);box-shadow:0 0 0 11px rgba(109,68,255,.05)}}
.yc-call-stage{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:2px 0 0}
.yc-call-stage span{position:relative;text-align:center;border-radius:999px;border:1px solid #e7e1fb;background:#fbfaff;color:#928bad;font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;padding:8px 6px;overflow:hidden}
.yc-call-stage span.is-active{background:#f0ebff;color:#6d44ff;border-color:#ded4ff}
.yc-call-stage span.is-current{background:linear-gradient(135deg,#6d44ff,#2188ff);color:#fff;border-color:transparent;box-shadow:0 12px 28px rgba(109,68,255,.22)}
.yc-media-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:0}
.yc-media-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid #e8e2fb;background:#fbfaff;color:#6d638d;border-radius:999px;font-size:12px;font-weight:900;padding:8px 10px;line-height:1}
.yc-media-badge:before{content:"";width:7px;height:7px;border-radius:999px;background:#bcb6d5}
.yc-media-badge.is-local:before{background:#2188ff}
.yc-media-badge.is-on{background:#edfff7;border-color:#c9f3e1;color:#12845a}
.yc-media-badge.is-on:before{background:#19b87a;box-shadow:0 0 0 5px rgba(25,184,122,.12)}
.yc-media-badge.is-muted{opacity:.74}
.yc-call-help{font-size:13px;line-height:1.4;color:#7b739c;background:linear-gradient(180deg,#fff,#faf8ff);border:1px dashed #e3dcf9;border-radius:16px;padding:11px 12px;font-weight:750}
.yonder-call-shell.has-remote-video #yonder-call-remote-video{opacity:1}
.yonder-call-shell:not(.has-remote-video) #yonder-call-remote-video{opacity:.12;filter:saturate(.85)}
.yonder-call-shell.has-remote-video .yonder-call-audio-avatar{opacity:0;transform:scale(.96)}
.yonder-call-shell:not(.has-remote-video) .yonder-call-audio-avatar{opacity:1;transition:opacity .25s ease,transform .25s ease}
.yonder-call-shell.is-audio-only-call .yc-media-badges #yc-video-badge{display:none}
.yonder-call-shell.is-audio-only-call .yonder-call-audio-avatar{opacity:1!important}
.yonder-call-controls{padding-top:4px}
.yc-control{transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.yc-control:active,.yc-btn:active{transform:scale(.98)}
.yc-control:not(.yc-end){box-shadow:0 10px 24px rgba(42,28,99,.08)}
.yc-control span{display:block;white-space:nowrap}
.yc-phase-live .yc-control:not(.yc-end){background:#f7f4ff;border:1px solid rgba(109,68,255,.12)}
.yc-phase-waiting .yc-call-help,.yc-phase-reconnecting .yc-call-help{border-style:solid;background:#fffaf1;border-color:#ffe1a8;color:#7a5613}
.yc-phase-live .yc-call-help{background:#effff7;border-color:#c9f3e1;color:#12845a}
.yc-phase-ended .yc-call-help{background:#f7f6fb;border-color:#e5e1f1;color:#746f88}
@media(max-width:760px){.yonder-call-card{display:flex;flex-direction:column}.yonder-call-media{min-height:50vh;flex:1}.yonder-call-panel{gap:10px;padding:20px 16px calc(28px + env(safe-area-inset-bottom,0px))}.yonder-call-panel .yc-pill{font-size:11px;padding:6px 9px}.yonder-call-panel h2{font-size:28px;line-height:1.05}.yonder-call-panel p{font-size:14px}.yc-status{font-size:13px;min-height:auto;padding:11px 12px}.yc-call-stage{gap:6px}.yc-call-stage span{font-size:10px;padding:7px 3px}.yc-media-badges{gap:6px}.yc-media-badge{font-size:11px;padding:7px 9px}.yc-call-help{font-size:12px;padding:10px 11px}.yonder-call-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%}.yc-control{min-width:0;width:100%;padding:12px 6px;font-size:12px}.yonder-call-incoming-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:10px}.yc-btn{width:100%;padding:14px 12px}.yonder-call-media #yonder-call-local-video{width:110px;height:82px}.yc-avatar-ring{width:138px;height:138px}.yc-avatar-ring span{font-size:56px}}

/* Yondr Visual QA Step 7 — Mobile bottom nav spacing polish
   Goal: make the bottom app tab bar feel tighter, cleaner, and more native without changing behavior. */
@media (max-width: 992px) {
  :root {
    --y8c-mobile-nav-height: 78px;
  }

  .to_sidebar_mini,
  .yonder_app_tabbar {
    left: max(10px, env(safe-area-inset-left)) !important;
    right: max(10px, env(safe-area-inset-right)) !important;
    bottom: max(8px, env(safe-area-inset-bottom)) !important;
    width: auto !important;
    height: 68px !important;
    padding: 7px 7px !important;
    border-radius: 25px !important;
    overflow: hidden !important;
    z-index: 9600 !important;
  }

  .to_sidebar_mini ul,
  .yonder_app_tabbar ul {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 4px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .to_sidebar_mini li,
  .yonder_app_tabbar li {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .to_sidebar_mini li a,
  .yonder_app_tabbar li a {
    width: 100% !important;
    min-width: 0 !important;
    height: 54px !important;
    min-height: 54px !important;
    padding: 6px 3px 5px !important;
    border-radius: 19px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    line-height: 1 !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }

  .to_sidebar_mini li a svg,
  .yonder_app_tabbar svg {
    width: 21px !important;
    height: 21px !important;
    min-width: 21px !important;
    min-height: 21px !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
  }

  .to_sidebar_mini li a img.circle,
  .yonder_app_tabbar img.circle,
  .yonder_app_tabbar img {
    width: 23px !important;
    height: 23px !important;
    min-width: 23px !important;
    min-height: 23px !important;
    margin: 0 !important;
    object-fit: cover !important;
    flex: 0 0 auto !important;
  }

  .yonder_mini_label {
    display: block !important;
    max-width: 100% !important;
    font-size: 9.25px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: -.04em !important;
    margin: 1px 0 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .to_sidebar_mini li.active a,
  .yonder_app_tabbar li.active a {
    background: linear-gradient(180deg, rgba(108,59,255,.14), rgba(63,121,255,.07)) !important;
    box-shadow: inset 0 0 0 1px rgba(108,59,255,.07) !important;
  }

  .to_sidebar_mini li.active a:after,
  .yonder_app_tabbar li.active a:after {
    top: 6px !important;
    width: 4px !important;
    height: 4px !important;
  }

  body,
  body > #container,
  .y8c-mobile-screen,
  .y8c-profile-page,
  .y8c-home-footer {
    padding-bottom: calc(92px + env(safe-area-inset-bottom)) !important;
  }
}

@media (max-width: 380px) {
  .to_sidebar_mini,
  .yonder_app_tabbar {
    left: max(7px, env(safe-area-inset-left)) !important;
    right: max(7px, env(safe-area-inset-right)) !important;
    height: 66px !important;
    padding: 6px !important;
    border-radius: 23px !important;
  }

  .to_sidebar_mini ul,
  .yonder_app_tabbar ul {gap: 2px !important;}

  .to_sidebar_mini li a,
  .yonder_app_tabbar li a {
    height: 52px !important;
    min-height: 52px !important;
    border-radius: 17px !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
  }

  .to_sidebar_mini li a svg,
  .yonder_app_tabbar svg {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
  }

  .yonder_mini_label {
    font-size: 8.6px !important;
    letter-spacing: -.055em !important;
  }
}

/* Yondr Visual QA Step 8 — Destination cards and rails consistency */
.y8c-destination-strip,
.y8c-destination-rail,
.y8c-explorer-benefits,
.y8c-mode-row.yonder_match_modes {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.y8c-destination-strip::-webkit-scrollbar,
.y8c-destination-rail::-webkit-scrollbar,
.y8c-explorer-benefits::-webkit-scrollbar,
.y8c-mode-row.yonder_match_modes::-webkit-scrollbar {display:none;}

.y8c-destination-strip {
  gap: 16px;
  align-items: stretch;
}
.y8c-destination-card {
  min-width: 0;
  min-height: 172px;
  border-radius: 26px;
  border: 1px solid rgba(255,255,255,.54);
  box-shadow: 0 18px 48px rgba(28,31,76,.10);
  transform: translateZ(0);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.y8c-destination-card:hover,
.y8c-destination-card:focus-visible {
  transform: translateY(-3px);
  box-shadow: 0 26px 66px rgba(28,31,76,.16);
  border-color: rgba(108,59,255,.28);
}
.y8c-destination-card:after {
  background: linear-gradient(180deg, rgba(9,12,39,.06) 0%, rgba(9,12,39,.28) 44%, rgba(9,12,39,.78) 100%);
}
.y8c-destination-card > div:not(.y8c-destination-photo) {
  width: 100%;
  min-width: 0;
}
.y8c-destination-card > div:not(.y8c-destination-photo) > span:first-child {
  width: 34px;
  height: 34px;
  margin-bottom: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: rgba(255,255,255,.20);
  border: 1px solid rgba(255,255,255,.24);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18);
}
.y8c-destination-card strong,
.y8c-destination-meta strong {
  overflow: hidden;
  text-overflow: ellipsis;
}
.y8c-destination-card small {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.y8c-view-all-card {
  min-height: 172px;
  border: 1px solid var(--y8c-line);
  background:
    radial-gradient(circle at 86% 12%, rgba(63,140,255,.16), transparent 34%),
    radial-gradient(circle at 16% 90%, rgba(108,59,255,.13), transparent 36%),
    rgba(255,255,255,.92);
  box-shadow: 0 18px 48px rgba(28,31,76,.08);
}

.y8c-destination-rail {
  gap: 14px;
  align-items: stretch;
}
.y8c-destination-tile {
  min-width: 0 !important;
  min-height: 94px !important;
  padding: 11px 13px 11px 11px !important;
  border-radius: 24px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.80)) !important;
  border: 1px solid rgba(94,75,228,.13) !important;
  box-shadow: 0 14px 38px rgba(29,31,68,.07) !important;
}
.y8c-destination-tile:hover,
.y8c-destination-tile:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 22px 58px rgba(29,31,68,.12) !important;
  border-color: rgba(108,59,255,.30) !important;
  outline: none;
}
.y8c-destination-tile.active {
  background:
    radial-gradient(circle at 12% 18%, rgba(255,255,255,.42), transparent 34%),
    linear-gradient(135deg, rgba(108,59,255,.18), rgba(63,140,255,.14)),
    #fff !important;
  border-color: rgba(108,59,255,.40) !important;
  box-shadow: 0 18px 48px rgba(108,59,255,.18) !important;
}
.y8c-destination-thumb {
  width: 66px;
  min-width: 66px;
  height: 66px;
  border-radius: 19px;
  border: 1px solid rgba(255,255,255,.55);
  box-shadow: inset 0 -42px 58px rgba(10,13,48,.34), 0 8px 22px rgba(29,31,68,.10);
}
.y8c-destination-meta {
  min-width: 0;
  flex: 1 1 auto;
}
.y8c-destination-meta strong {
  display: block;
  max-width: 100%;
  white-space: nowrap;
}
.y8c-destination-meta small {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.y8c-destination-tile em {
  width: 30px;
  min-width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(108,59,255,.08);
}
.y8c-view-all-destinations {
  justify-content: flex-start;
}
.y8c-view-all-destinations .y8c-view-all-icon {
  width: 52px;
  min-width: 52px;
  height: 52px;
  border-radius: 18px;
}
.y8c-explorer-benefits > div {
  border-radius: 20px;
  background: rgba(255,255,255,.78);
  box-shadow: 0 10px 28px rgba(29,31,68,.05);
}

@media (max-width: 1100px) {
  .y8c-destination-strip {grid-template-columns: repeat(3, minmax(0,1fr));}
}
@media (max-width: 768px) {
  .y8c-destination-strip,
  .y8c-destination-rail,
  .y8c-explorer-benefits {
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
  }
  .y8c-destination-strip {
    display: flex !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    margin-left: -14px;
    margin-right: -14px;
    padding: 2px 14px 8px;
  }
  .y8c-destination-card {
    flex: 0 0 72%;
    min-width: 72%;
    max-width: 72%;
    min-height: 142px;
    border-radius: 22px;
    scroll-snap-align: start;
  }
  .y8c-view-all-card {min-height: 142px;}
  .y8c-destination-card strong {font-size: 17px;}
  .y8c-destination-card em {font-size: 11.5px;margin-bottom:6px;}
  .y8c-destination-card small {min-height: 24px;font-size: 11px;}

  .y8c-destination-rail {
    display: flex !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    margin-left: -15px !important;
    margin-right: -15px !important;
    padding: 1px 15px 8px !important;
  }
  .y8c-destination-tile {
    flex: 0 0 78% !important;
    max-width: 78% !important;
    min-height: 82px !important;
    border-radius: 21px !important;
    scroll-snap-align: start;
  }
  .y8c-destination-thumb {
    width: 58px;
    min-width: 58px;
    height: 58px;
    border-radius: 17px;
  }
  .y8c-destination-meta strong {font-size: 14px;}
  .y8c-destination-meta small {font-size: 11.5px;}
  .y8c-destination-tile em {width:28px;min-width:28px;height:28px;}
  .y8c-explorer-benefits > div {
    flex: 0 0 68%;
    max-width: 68%;
    min-width: 0;
    scroll-snap-align: start;
  }
}
@media (max-width: 380px) {
  .y8c-destination-card {flex-basis: 78%;min-width:78%;max-width:78%;}
  .y8c-destination-tile {flex-basis: 84% !important;max-width:84% !important;}
  .y8c-explorer-benefits > div {flex-basis: 76%;max-width:76%;}
}