:root {
  color-scheme: light;
  --brand-blue: #3158d5;
  --brand-blue-dark: #2446b8;
  --brand-ink: #17233c;
  --brand-muted: #65738b;
  --brand-border: #e3e9f2;
  --brand-surface: #fff;
  --brand-canvas: #f5f7fb;
}

body {
  color: var(--brand-ink);
  background: var(--brand-canvas);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

#home-landing[hidden],
#services-view[hidden],
#home-faq[hidden] { display: none !important; }

.home-landing {
  display: grid;
  gap: 22px;
  padding: clamp(24px, 5vw, 48px);
  border: 1px solid #dfe7f3;
  border-radius: 22px;
  background:
    radial-gradient(ellipse at 92% 8%, #dce8ff 0, transparent 38%),
    linear-gradient(130deg, #fff 20%, #f8faff 100%);
  box-shadow: 0 16px 40px #1e3a8a0b;
}

.landing-copy { max-width: 720px; }
.landing-eyebrow, .sidebar-kicker {
  margin: 0 0 8px;
  color: var(--brand-blue);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.landing-copy h1 {
  max-width: 650px;
  margin: 0;
  color: #14213b;
  font-size: clamp(30px, 5vw, 48px);
  letter-spacing: -.045em;
  line-height: 1.08;
}
.landing-copy > p:not(.landing-eyebrow) {
  max-width: 640px;
  margin: 14px 0 0;
  color: #61708a;
  font-size: clamp(14px, 2vw, 17px);
  line-height: 1.65;
}
.landing-assurance {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 13px 15px;
  border: 1px solid #cfe7dc;
  border-radius: 12px;
  color: #355b4c;
  background: #f3fbf7;
}
.landing-assurance > span {
  display: grid;
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #198754;
  font-size: 13px;
  font-weight: 800;
}
.landing-assurance p { margin: 0; font-size: 12px; line-height: 1.55; }
.landing-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.landing-primary, .landing-secondary {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  padding: 10px 17px;
  border: 1px solid var(--brand-blue);
  border-radius: 10px;
  color: #fff;
  background: var(--brand-blue);
  font: inherit;
  font-size: 13px;
  font-weight: 750;
  text-decoration: none;
  cursor: pointer;
  transition: background .16s ease, transform .16s ease;
}
.landing-primary:hover, .landing-secondary:hover { color: #fff; background: var(--brand-blue-dark); transform: translateY(-1px); }
.landing-secondary { color: var(--brand-blue); background: #fff; }
.landing-secondary:hover { color: #fff; }
.landing-benefits { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.landing-benefits article {
  min-width: 0;
  padding: 17px;
  border: 1px solid #e4eaf3;
  border-radius: 14px;
  background: #ffffffc9;
}
.landing-benefits article > span {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border-radius: 9px;
  color: var(--brand-blue);
  background: #edf2ff;
  font-size: 11px;
  font-weight: 850;
}
.landing-benefits h2 { margin: 12px 0 5px; color: var(--brand-ink); font-size: 15px; }
.landing-benefits p { margin: 0; color: var(--brand-muted); font-size: 12px; line-height: 1.55; }
.landing-how { display: grid; gap: 14px; }
.landing-how .section-heading-row { margin: 0; }
.landing-how h2 { margin: 0; color: var(--brand-ink); font-size: clamp(19px, 3vw, 25px); letter-spacing: -.025em; }
.landing-steps { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 11px; }
.landing-steps article {
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--brand-border);
  border-radius: 13px;
  background: #fff;
}
.landing-steps article > span {
  display: grid;
  width: 27px;
  height: 27px;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: var(--brand-blue);
  font-size: 12px;
  font-weight: 800;
}
.landing-steps h3 { margin: 11px 0 5px; color: var(--brand-ink); font-size: 13px; }
.landing-steps p { margin: 0; color: var(--brand-muted); font-size: 11px; line-height: 1.55; }
.landing-rental-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 15px 17px;
  border: 1px solid #dfe7f3;
  border-radius: 12px;
  color: var(--brand-blue-dark);
  background: #fff;
  text-decoration: none;
}
.landing-rental-link span:first-child { display: grid; gap: 4px; }
.landing-rental-link strong { font-size: 13px; }
.landing-rental-link small { color: var(--brand-muted); font-size: 11px; }
.landing-rental-link > span:last-child { font-size: 20px; }
.landing-payments { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; padding-top: 16px; border-top: 1px solid #e4eaf3; }
.landing-payments-label { color: #718099; font-size: 11px; font-weight: 700; }
.payment-brand-list { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; }
.payment-brand-list > span, .topup-payment-brands span {
  display: inline-flex;
  min-height: 27px;
  align-items: center;
  justify-content: center;
  padding: 4px 9px;
  border: 1px solid #e1e7f0;
  border-radius: 7px;
  color: #34425c;
  background: #fff;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .01em;
}
.payment-brand-list .brand-fedapay, .topup-payment-brands .brand-fedapay { color: #164e9b; }
.payment-brand-list .brand-mtn, .topup-payment-brands .brand-mtn { color: #665500; background: #fffbed; }
.payment-brand-list .brand-moov, .topup-payment-brands .brand-moov { color: #126a9c; }
.payment-brand-list .brand-celtiis, .topup-payment-brands .brand-celtiis { color: #397a22; }
.payment-brand-list .brand-wave, .topup-payment-brands .brand-wave { color: #0756b5; }
.payment-brand-list .brand-visa, .topup-payment-brands .brand-visa { color: #173c88; }
.payment-brand-list .brand-mastercard, .topup-payment-brands .brand-mastercard { color: #b34727; }
.payment-brand-list .brand-crypto { color: #475569; }

.services-container {
  width: min(1440px, 100%);
  align-items: flex-start;
  gap: 18px;
  padding: 18px clamp(12px, 2vw, 24px);
}
.services-sidebar {
  box-sizing: border-box;
  width: 310px;
  height: calc(100vh - 92px);
  min-height: 440px;
  max-height: 820px;
  gap: 10px;
  padding: 19px;
  border-color: var(--brand-border);
  border-radius: 16px;
  box-shadow: 0 8px 26px #14213b0a;
}
.sidebar-heading h2 { margin: 0 0 6px; color: var(--brand-ink); font-size: 18px; }
.sidebar-heading p { margin: 0 0 4px; color: var(--brand-muted); font-size: 12px; line-height: 1.5; }
.catalog-label { margin-top: 5px; color: #53617a; font-size: 11px; font-weight: 800; }
.services-sidebar .country-filter, .services-sidebar .search-box {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  min-height: 42px;
  margin: 0;
  padding: 9px 11px;
  border: 1px solid #dbe3ee;
  border-radius: 9px;
  color: #34425c;
  background: #fbfcfe;
  font: inherit;
  font-size: 12px;
}
.services-sidebar .country-filter:focus, .services-sidebar .search-box:focus { border-color: #7490ed; outline: 3px solid #3158d51a; }
.services-list { min-height: 80px; gap: 4px; padding: 4px 2px 2px 0; }
.services-list li { min-width: 0; }
.service-choice-row { display: grid; grid-template-columns: minmax(0, 1fr) 34px; align-items: center; gap: 2px; }
#services-view .service-item {
  display: grid;
  width: 100%;
  grid-template-columns: 31px minmax(0, 1fr);
  align-items: center;
  column-gap: 9px;
  padding: 9px;
  border: 1px solid transparent;
  border-radius: 10px;
  color: #3d4b64;
  background: transparent;
  text-align: left;
  cursor: pointer;
}
#services-view .service-item.active {
  border: 1px solid #dbe5ff;
  border-left: 1px solid #dbe5ff;
  color: #2446b8 !important;
  background: #f0f4ff !important;
}
#services-view .service-item:hover { background: #f6f8fc; }
.favorite-toggle {
  display: grid;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  place-items: center;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 9px;
  color: #78859a;
  background: transparent;
  font-size: 19px;
  line-height: 1;
  cursor: pointer;
}
.favorite-toggle:hover { color: #d7a928; background: #d7a9281a; }
.favorite-toggle[aria-pressed="true"] { color: #e2b83e; }
.favorite-toggle:focus-visible { outline: 2px solid #22b8c8; outline-offset: 2px; }
.service-mark {
  display: grid;
  width: 30px;
  height: 30px;
  grid-row: span 2;
  place-items: center;
  border-radius: 9px;
  color: #3d5fc4;
  background: #edf2ff;
  font-size: 9px;
  font-weight: 850;
}
.service-name { overflow: hidden; font-size: 12px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.service-price { margin-top: 2px; color: #7a879b; font-size: 10px; font-weight: 650; }
.service-price .price-local { display: block; font-size: 9px; font-weight: 550; }
.main-content { gap: 15px; }
.main-content > div > .section-title:first-child { margin: 0 0 5px; color: var(--brand-ink); font-size: 20px; letter-spacing: -.02em; text-transform: none; }
.marketplace-intro { margin: 0 0 14px; color: var(--brand-muted); font-size: 13px; line-height: 1.6; }
.countries-grid { grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 12px; }
.country-card {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--brand-border);
  border-radius: 13px;
  background: var(--brand-surface);
  box-shadow: 0 3px 12px #14213b08;
}
.country-card-main {
  display: flex;
  width: 100%;
  min-width: 0;
  align-items: center;
  gap: 12px;
}
.country-card-with-operators { flex-direction: column; align-items: stretch; }
.country-offer-copy { display: flex; min-width: 0; align-items: center; gap: 11px; }
.country-offer-copy { flex: 1 1 auto; }
.country-flag { font-size: 27px; line-height: 1; }
.country-info { min-width: 0; }
.country-info h4 { margin: 0; color: var(--brand-ink); font-size: 13px; font-weight: 750; }
.country-info p { margin: 4px 0 0; }
.country-price { color: var(--brand-blue); font-size: 12px; font-weight: 800; }
.country-price span { color: #7a879b; font-size: 10px; font-weight: 500; }
.country-info p:has(+ .country-price) { color: #64748b; font-size: 10px; }
.country-card .btn-get {
  flex: 0 0 auto;
  min-height: 37px;
  padding: 8px 11px;
  border: 0;
  border-radius: 9px;
  color: #fff;
  background: var(--brand-blue);
  font-size: 11px;
  font-weight: 750;
  cursor: pointer;
}
.country-card .btn-get:hover:not(:disabled) { background: var(--brand-blue-dark); }
.country-card .btn-get[data-open-topup] { background: #138250; }
.country-card .btn-get:disabled { background: #a4afbf; cursor: not-allowed; }
.operator-offers-panel {
  width: 100%;
  padding: 14px;
  border-radius: 12px;
  color: #e4e4e7;
  background: #303030;
}
.operator-offers-panel h5 {
  margin: 0 0 10px;
  color: #b6b6b6;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}
.operator-offers-panel > p { margin: 0 0 10px; font-size: 13px; }
.operator-offers-list { display: grid; gap: 1px; margin: 0; padding: 0; list-style: none; }
.operator-offer-row {
  display: grid;
  grid-template-columns: minmax(100px, 1fr) auto auto auto;
  align-items: center;
  gap: 12px;
  min-height: 58px;
  padding: 8px 2px;
  border-bottom: 1px solid #444;
}
.operator-offer-row:last-child { border-bottom: 0; }
.operator-offer-row strong { overflow-wrap: anywhere; font-size: 15px; }
.operator-offer-price { font-variant-numeric: tabular-nums; white-space: nowrap; }
.operator-buy-button {
  min-height: 40px;
  padding: 8px 12px;
  border: 0;
  border-radius: 8px;
  color: #202020;
  background: #ffc857;
  font: inherit;
  cursor: pointer;
  white-space: nowrap;
}
.operator-buy-button:hover { background: #ffd77d; }
#live-monitor {
  gap: 14px;
  padding: 18px;
  border: 1px solid #dce5f1;
  border-radius: 16px;
  color: var(--brand-ink);
  background: #fff;
  box-shadow: 0 8px 26px #14213b0a;
}
#live-monitor #session-service-name { color: var(--brand-blue) !important; font-size: 14px !important; }
#live-monitor .monitor-header p { color: #77849a !important; }
.activation-status {
  display: inline-flex;
  min-height: 25px;
  align-items: center;
  padding: 4px 9px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 800;
  white-space: nowrap;
}
.activation-status.status-pending { border-color: #f6df9e; color: #885b05; background: #fff7df; }
.activation-status.status-success { border-color: #a9e3c3; color: #147344; background: #e8f8ef; }
.activation-status.status-canceled { border-color: #f2c4c4; color: #a53535; background: #fff0f0; }
#live-monitor .monitor-box {
  min-height: 49px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  color: #25324a !important;
  background: #f8fafc;
}
#live-monitor #display-otp-code { color: #16834e !important; }
#btn-cancel-order { border-radius: 9px; }
#order-action-status { margin: 0; }
.session-history, .home-faq {
  margin: 0;
  padding: 19px;
  border: 1px solid var(--brand-border);
  border-radius: 15px;
  background: #fff;
  box-shadow: 0 4px 16px #14213b08;
}
.section-heading-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.section-heading-row h2 { margin: 0; color: var(--brand-ink); font-size: 18px; }
.section-heading-row a { color: var(--brand-blue); font-size: 12px; font-weight: 750; text-decoration: none; }
.session-history table { min-width: 560px; }
.session-history th, .session-history td { padding: 10px; }
.home-faq { width: min(1120px, calc(100% - 32px)); margin: 0 auto 34px; }
.home-faq details { border-top: 1px solid #e9edf4; }
.home-faq summary { padding: 14px 2px; color: #293650; font-size: 13px; font-weight: 750; cursor: pointer; }
.home-faq details p { margin: 0 0 15px; color: var(--brand-muted); font-size: 12px; line-height: 1.65; }
#information-content h2 { margin: 22px 0 8px; color: var(--brand-ink); font-size: 18px; }
#information-content p, #information-content li { color: #53617a; line-height: 1.75; }
.legal-completion-notice { padding: 13px; border: 1px solid #f1d59a; border-radius: 9px; color: #735313 !important; background: #fff8e6; }
.topup-payment-brands { display: flex !important; flex-wrap: wrap; gap: 6px; }

@media (max-width: 760px) {
  .landing-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-landing { width: calc(100% - 24px); margin: 14px auto; padding: 22px; border-radius: 16px; }
  .landing-benefits { grid-template-columns: 1fr; }
  .landing-benefits article { padding: 14px; }
  .landing-payments { align-items: flex-start; flex-direction: column; }
  .services-container { flex-direction: column; }
  .services-sidebar { width: 100%; height: auto; min-height: 0; max-height: none; position: static; }
  .services-list { max-height: 290px; }
  .country-card { align-items: flex-start; }
  .home-faq { width: calc(100% - 24px); margin-bottom: 24px; padding: 16px; }
}
@media (max-width: 440px) {
  .landing-steps { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}

body.client-dashboard {
  color: #e5e7eb;
  background:
    radial-gradient(ellipse at 18% 0%, #34405a 0, transparent 38rem),
    linear-gradient(125deg, #253449 0%, #1e2d40 52%, #27313f 100%);
}
body.client-dashboard .site-header.home-site-header {
  min-height: 74px;
  padding-inline: 12px;
  border-radius: 0 0 18px 18px;
  color: #e5e7eb;
  background: #222;
  box-shadow: 0 8px 24px #10151d55;
}
body.client-dashboard .site-header.home-site-header .logo-area {
  min-width: 126px;
  color: #e5e7eb;
  background: transparent;
}
body.client-dashboard .site-header.home-site-header .logo-area span,
body.client-dashboard .site-header.home-site-header .logo-area svg {
  color: #19bed0;
  stroke: #19bed0 !important;
}
body.client-dashboard .site-header .site-navigation a {
  border-radius: 0;
  color: #d4d4d8;
}
body.client-dashboard .site-header .site-navigation a:hover,
body.client-dashboard .site-header .site-navigation a[aria-current="page"] {
  color: #fff;
  background: #16798b;
}
body.client-dashboard .site-header .balance-box {
  border-color: #3b3b3b;
  color: #f4f4f5;
  background: #303030;
}
body.client-dashboard .services-container {
  display: grid;
  width: min(1500px, 100%);
  grid-template-columns: minmax(0, 1fr);
  gap: 28px;
  padding: clamp(14px, 2vw, 28px);
}
body.client-dashboard .services-sidebar,
body.client-dashboard .country-selector-panel,
body.client-dashboard .orders-panel,
body.client-dashboard .session-history {
  width: 100%;
  min-width: 0;
  height: auto;
  min-height: 0;
  max-height: none;
  position: static;
  overflow: hidden;
  padding: 0 24px 22px;
  border: 0;
  border-radius: 21px;
  color: #dedee0;
  background: #222;
  box-shadow: 0 8px 24px #11182726;
}
body.client-dashboard .dashboard-tab-heading {
  display: flex;
  min-height: 48px;
  width: fit-content;
  min-width: 208px;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin: 0 0 18px -24px;
  padding: 10px 24px;
  border-radius: 20px 20px 0 0;
  color: #f1f5f9;
  background: #16798b;
}
body.client-dashboard .dashboard-tab-heading h2 {
  margin: 0;
  color: inherit;
  font-size: 19px;
  font-weight: 500;
}
body.client-dashboard .dashboard-tab-heading > span {
  color: #e4faff;
  font-size: 19px;
}
body.client-dashboard .dashboard-tab-heading a {
  color: #e4faff;
  font-size: 12px;
  text-decoration: underline;
}
body.client-dashboard .catalog-label {
  display: block;
  margin: 0 0 9px;
  color: #8491a4;
  font-size: 12px;
  font-weight: 650;
}
body.client-dashboard .services-sidebar .search-box,
body.client-dashboard .country-selector-panel .search-box,
body.client-dashboard .country-filter-row .country-filter {
  width: 100%;
  max-width: none;
  min-height: 44px;
  margin: 0;
  border: 1px solid #393939;
  border-radius: 8px;
  color: #e4e4e7;
  background: #303030;
  font: inherit;
  font-size: 14px;
}
body.client-dashboard .services-sidebar .search-box::placeholder { color: #9a9a9a; }
body.client-dashboard .services-list {
  display: grid;
  max-height: min(390px, 52vh);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-content: start;
  gap: 10px 24px;
  margin-top: 16px;
  padding: 0;
  overflow-y: auto;
}
body.client-dashboard .services-list li { min-width: 0; }
body.client-dashboard #services-view .service-item {
  min-height: 46px;
  grid-template-columns: 31px minmax(0, 1fr);
  padding: 7px 10px;
  border: 1px solid transparent;
  border-radius: 8px;
  color: #dedee0;
  background: #303030;
}
body.client-dashboard #services-view .service-item.active {
  border-color: #248a9b;
  color: #fff !important;
  background: #176f81 !important;
}
body.client-dashboard #services-view .service-item:hover { background: #3b3b3b; }
body.client-dashboard .service-choice-row { grid-template-columns: minmax(0, 1fr) 34px; }
body.client-dashboard .favorite-toggle { color: #b7c1ca; }
body.client-dashboard .favorite-toggle[aria-pressed="true"] { color: #f1c84f; }
body.client-dashboard .service-mark {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  color: #0c7486;
  background: #f2f5f7;
  font-size: 10px;
}
body.client-dashboard .service-name { color: inherit; font-size: 14px; font-weight: 500; }
body.client-dashboard .service-price { color: #a4a4a8; font-size: 11px; }
body.client-dashboard .main-content { gap: 22px; }
body.client-dashboard .country-selector-panel { padding-bottom: 20px; }
body.client-dashboard .country-tab-heading {
  width: fit-content;
  justify-content: flex-start;
  margin-bottom: 0;
}
body.client-dashboard .country-tab-heading > span {
  overflow: hidden;
  max-width: min(48vw, 420px);
  color: #d7eff2;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.client-dashboard .country-filter-row { padding: 0 0 16px; }
body.client-dashboard .countries-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
}
body.client-dashboard .country-card {
  min-height: 48px;
  padding: 7px 12px;
  border: 0;
  border-radius: 8px;
  color: #dedee0;
  background: #303030;
  box-shadow: none;
}
body.client-dashboard .country-card-main { gap: 8px; }
body.client-dashboard .operator-offers-panel { border: 1px solid #444; }
body.client-dashboard .country-offer-copy { gap: 12px; }
body.client-dashboard .country-flag { min-width: 28px; font-size: 20px; }
body.client-dashboard .country-info { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; }
body.client-dashboard .country-info h4 { color: #e4e4e7; font-size: 14px; font-weight: 500; }
body.client-dashboard .country-info p { margin: 0; }
body.client-dashboard .country-info p:has(+ .country-price) { color: #9b9ba0; }
body.client-dashboard .country-price { color: #dedee0; font-size: 13px; }
body.client-dashboard .country-price span { color: #a1a1aa; }
body.client-dashboard .country-card .btn-get {
  min-width: 120px;
  min-height: 37px;
  border-radius: 7px;
  color: #fff;
  background: #16798b;
  font-size: 13px;
  font-weight: 500;
}
body.client-dashboard .country-card .btn-get:hover:not(:disabled) { background: #1992a6; }
body.client-dashboard .country-card .btn-get:disabled { color: #b6b6b6; background: #505050; }
body.client-dashboard #order-action-status { min-height: 0; color: #ffd2d2 !important; }
body.client-dashboard .orders-panel,
body.client-dashboard .session-history { padding-bottom: 20px; }
body.client-dashboard .orders-live-mark { color: #16b9cc !important; }
body.client-dashboard .orders-empty-state {
  display: grid;
  min-height: 130px;
  margin: 0 -24px -20px;
  padding: 20px;
  place-items: center;
  color: #d0d0d0;
  background: #222;
  font-size: 15px;
}
body.client-dashboard .orders-empty-state[hidden] { display: none; }
body.client-dashboard #live-monitor {
  gap: 14px;
  margin: 0 -24px -20px;
  padding: 18px 24px 22px;
  border: 0;
  border-radius: 0;
  color: #e4e4e7;
  background: #222;
  box-shadow: none;
}
body.client-dashboard #live-monitor[hidden] { display: none !important; }
body.client-dashboard #live-monitor #session-service-name { color: #1bb4c7 !important; }
body.client-dashboard #live-monitor .monitor-header p { color: #9ca3af !important; }
body.client-dashboard #live-monitor .monitor-fields label { color: #a1a1aa !important; }
body.client-dashboard #live-monitor .monitor-box {
  border-color: #3c3c3c;
  color: #f4f4f5 !important;
  background: #303030;
}
body.client-dashboard .session-history table { min-width: 620px; }
body.client-dashboard .session-history th { color: #a1a1aa; background: #292929; }
body.client-dashboard .session-history td { color: #dedee0; border-color: #393939; }
body.client-dashboard .session-history tr:last-child td { border-bottom: 0; }
body.client-dashboard .site-footer {
  border-color: #3a4655;
  color: #cbd5e1;
  background: #1b2737;
}
body.client-dashboard .site-footer a { color: #9eeaf2; }

@media (max-width: 900px) {
  body.client-dashboard .services-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
}
@media (max-width: 600px) {
  body.client-dashboard .services-container { padding: 12px; gap: 14px; }
  body.client-dashboard .services-sidebar,
  body.client-dashboard .country-selector-panel,
  body.client-dashboard .orders-panel,
  body.client-dashboard .session-history { padding-right: 14px; padding-left: 14px; border-radius: 15px; }
  body.client-dashboard .dashboard-tab-heading { margin-left: -14px; }
  body.client-dashboard .services-list { grid-template-columns: minmax(0, 1fr); max-height: 42vh; }
  body.client-dashboard #services-view .service-item { min-height: 42px; }
  body.client-dashboard .country-card { align-items: center; gap: 8px; padding: 7px; }
  body.client-dashboard .country-card-with-operators { align-items: stretch; }
  body.client-dashboard .country-card-main { gap: 6px; }
  body.client-dashboard .country-info { display: grid; gap: 3px; }
  body.client-dashboard .country-info h4 { font-size: 12px; }
  body.client-dashboard .country-price { font-size: 11px; }
  body.client-dashboard .country-card .btn-get { min-width: 90px; padding-inline: 8px; font-size: 11px; }
  body.client-dashboard .operator-offers-panel { padding: 12px; }
  body.client-dashboard .operator-offer-row {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 7px 10px;
  }
  body.client-dashboard .operator-offer-row strong { font-size: 14px; }
  body.client-dashboard .operator-offer-price { text-align: right; }
  body.client-dashboard .operator-buy-button { grid-column: 1 / -1; width: 100%; }
  body.client-dashboard .orders-empty-state { margin-right: -14px; margin-left: -14px; }
  body.client-dashboard #live-monitor { margin-right: -14px; margin-left: -14px; padding-inline: 14px; }
  body.client-dashboard .site-header.home-site-header { min-height: 62px; }
}

  body.public-home-marketplace {
    color: #e4e4e7;
    background:
      radial-gradient(ellipse at 18% 0%, #374052 0, transparent 34rem),
      linear-gradient(120deg, #253449 0%, #1e2d40 55%, #263746 100%);
  }
  body.public-home-marketplace .site-header.home-site-header {
    min-height: 136px;
    flex-wrap: wrap;
    align-content: flex-end;
    align-items: flex-end;
    gap: 12px;
    padding: 18px 8px 0;
    border: 0;
    color: #e4e4e7;
    background: transparent;
    box-shadow: none;
  }
  body.public-home-marketplace .site-header.home-site-header .logo-area {
    min-width: 100%;
    min-height: 64px;
    justify-content: flex-start;
    padding-left: 8px;
    color: #f4f4f5;
    background: transparent;
    font-size: 24px;
  }
  body.public-home-marketplace .site-header.home-site-header .logo-area span,
  body.public-home-marketplace .site-header.home-site-header .logo-area svg {
    color: #3ac3d0;
    stroke: #3ac3d0 !important;
  }
  body.public-home-marketplace .site-header.home-site-header .site-navigation {
    min-height: 46px;
    flex: 1 1 auto;
    gap: 0;
    padding: 0 8px;
    border-radius: 22px;
    background: #222;
  }
  body.public-home-marketplace .site-header.home-site-header .site-navigation a {
    padding: 10px 12px;
    border-radius: 0;
    color: #d4d4d8;
    font-size: clamp(11px, 1.15vw, 15px);
    font-weight: 500;
  }
  body.public-home-marketplace .site-header.home-site-header .site-navigation a[aria-current="page"],
  body.public-home-marketplace .site-header.home-site-header .site-navigation a:hover {
    border-radius: 20px 0 0 20px;
    color: #f8fafc;
    background: #16798b;
  }
  body.public-home-marketplace .site-header.home-site-header .nav-actions {
    min-height: 46px;
    margin-left: auto;
    padding: 0 12px;
    border-radius: 20px;
    background: #222;
  }
  body.public-home-marketplace .site-header .currency-select-label { color: #cbd5e1; }
  body.public-home-marketplace .site-header .balance-box { display: none; }
  body.public-home-marketplace .site-header .nav-actions > .btn {
    color: #e5e7eb;
    background: transparent;
    border-color: #4b5563;
  }
  body.public-home-marketplace #services-view[hidden],
  body.public-home-marketplace .visitor-home-content[hidden],
  body.public-home-marketplace .orders-panel[hidden],
  body.public-home-marketplace .session-history[hidden] { display: none !important; }
  body.public-home-marketplace #services-view {
    box-sizing: border-box;
    display: grid;
    width: min(1600px, 100%);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas:
      "services countries"
      "promo promo";
    align-items: start;
    gap: 20px;
    padding: 16px 8px 28px;
  }
  body.public-home-marketplace .services-sidebar {
    grid-area: services;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    height: 520px;
    min-height: 0;
    max-height: 520px;
    position: static;
    gap: 0;
    padding: 0 12px 14px;
    overflow: visible;
    border: 0;
    border-radius: 20px;
    color: #dedee0;
    background: #222;
    box-shadow: 0 9px 28px #10151d40;
  }
  body.public-home-marketplace .services-sidebar:has(.all-services-options:not([hidden])) {
    z-index: 5;
  }
  body.public-home-marketplace .services-sidebar .dashboard-tab-heading {
    display: flex;
    box-sizing: border-box;
    min-height: 46px;
    width: fit-content;
    min-width: 0;
    max-width: calc(100% + 12px);
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin: 0 0 14px -12px;
    padding: 8px 20px;
    border-radius: 20px 20px 0 0;
    color: #f8fafc;
    background: #16798b;
  }
  body.public-home-marketplace .dashboard-tab-heading h2 {
    margin: 0;
    color: inherit;
    font-size: 17px;
    font-weight: 500;
  }
  body.public-home-marketplace .dashboard-tab-heading > span { color: #f3fbfc; }
  body.public-home-marketplace .services-sidebar .catalog-label,
  body.public-home-marketplace .country-selector-panel .catalog-label {
    display: block;
    margin: 10px 0 7px;
    color: #8995a8;
    font-size: 12px;
    font-weight: 550;
  }
  body.public-home-marketplace .services-sidebar .search-box,
  body.public-home-marketplace .country-selector-panel .search-box {
    width: 100%;
    max-width: none;
    min-height: 40px;
    margin: 0;
    padding: 8px 12px;
    border: 1px solid #393939;
    border-radius: 8px;
    color: #e4e4e7;
    background: #303030;
    font: inherit;
    font-size: 12px;
  }
  body.public-home-marketplace .services-sidebar .all-services-select {
    width: 100%;
    min-height: 40px;
    margin-top: 2px;
    padding: 8px 34px 8px 12px;
    border: 1px solid #393939;
    border-radius: 8px;
    color: #e4e4e7;
    background-color: #303030;
    font: inherit;
    font-size: 12px;
  }
  body.public-home-marketplace .services-sidebar .all-services-select:focus-visible,
  body.public-home-marketplace .services-sidebar .search-box:focus-visible,
  body.public-home-marketplace .country-selector-panel .search-box:focus-visible {
    outline: 2px solid #25b4c5;
    outline-offset: 2px;
  }
  body.public-home-marketplace .all-services-picker {
    position: relative;
    z-index: 1;
  }
  body.public-home-marketplace .all-services-trigger {
    display: flex;
    width: 100%;
    min-height: 42px;
    align-items: center;
    gap: 9px;
    padding: 6px 10px;
    border: 1px solid #393939;
    border-radius: 8px;
    color: #e4e4e7;
    background: #303030;
    font: inherit;
    font-size: 12px;
    text-align: left;
    cursor: pointer;
  }
  body.public-home-marketplace .all-services-trigger > .service-mark {
    width: 25px;
    height: 25px;
    flex: 0 0 25px;
    grid-row: auto;
  }
  body.public-home-marketplace .all-services-trigger-label {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  body.public-home-marketplace .all-services-chevron { font-size: 16px; }
  body.public-home-marketplace .all-services-options {
    position: absolute;
    top: calc(100% + 5px);
    right: 0;
    left: 0;
    z-index: 40;
    display: grid;
    max-height: var(--all-services-menu-height, min(55vh, 360px));
    padding: 5px;
    overflow-y: auto;
    border: 1px solid #454545;
    border-radius: 10px;
    background: #222;
    box-shadow: 0 12px 30px #10151d66;
  }
  body.public-home-marketplace .all-services-picker.opens-up .all-services-options {
    top: auto;
    bottom: calc(100% + 5px);
  }
  body.public-home-marketplace .all-services-options[hidden] { display: none; }
  body.public-home-marketplace .all-services-option {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 9px;
    padding: 7px;
    border: 0;
    border-radius: 7px;
    color: #dedee0;
    background: transparent;
    font: inherit;
    text-align: left;
    cursor: pointer;
  }
  body.public-home-marketplace .all-services-option:hover,
  body.public-home-marketplace .all-services-option:focus-visible,
  body.public-home-marketplace .all-services-option[aria-selected="true"] {
    color: #fff;
    background: #176f81;
    outline: none;
  }
  body.public-home-marketplace .all-services-option .service-mark {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    grid-row: auto;
  }
  body.public-home-marketplace .all-services-option-copy { display: grid; min-width: 0; gap: 2px; }
  body.public-home-marketplace .all-services-option .service-name,
  body.public-home-marketplace .all-services-option .service-price { display: block; }
  body.public-home-marketplace .services-sidebar .all-services-label { margin-top: 12px; }
  body.public-home-marketplace .services-sidebar .search-box::placeholder,
  body.public-home-marketplace .country-selector-panel .search-box::placeholder { color: #a1a1aa; }
  body.public-home-marketplace .services-list {
    display: grid;
    max-height: 330px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-content: start;
    gap: 8px;
    margin: 0;
    padding: 0;
    overflow-y: auto;
  }
  body.public-home-marketplace .services-list li { min-width: 0; }
  body.public-home-marketplace .service-choice-row { grid-template-columns: minmax(0, 1fr) 30px; gap: 1px; }
  body.public-home-marketplace #services-view .service-item {
    min-height: 43px;
    grid-template-columns: 25px minmax(0, 1fr);
    column-gap: 6px;
    padding: 6px 7px;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #dedee0;
    background: #303030;
  }
  body.public-home-marketplace #services-view .service-item.active {
    border-color: #25899a;
    color: #fff !important;
    background: #176f81 !important;
  }
  body.public-home-marketplace #services-view .service-item:hover { background: #3b3b3b; }
  body.public-home-marketplace .service-mark {
    width: 24px;
    height: 24px;
    grid-row: span 2;
    border-radius: 50%;
    color: #116f7e;
    background: #f4f6f7;
    font-size: 8px;
  }
  body.public-home-marketplace .favorite-toggle {
    width: 30px;
    height: 32px;
    flex-basis: 30px;
    color: #bec9d2;
  }
  body.public-home-marketplace .favorite-toggle[aria-pressed="true"] { color: #f1c84f; }
  body.public-home-marketplace .service-mark-whatsapp,
  body.client-dashboard .service-mark-whatsapp { color: #fff; background: #25a85a; }
  body.public-home-marketplace .service-mark-telegram,
  body.client-dashboard .service-mark-telegram { color: #fff; background: #239bd1; }
  body.public-home-marketplace .service-mark-google,
  body.client-dashboard .service-mark-google { color: #4285f4; background: #fff; }
  body.public-home-marketplace .service-mark-instagram,
  body.client-dashboard .service-mark-instagram { color: #fff; background: linear-gradient(140deg, #7353d6, #dc3977, #f8a33b); }
  body.public-home-marketplace .service-mark-facebook,
  body.client-dashboard .service-mark-facebook { color: #fff; background: #1877f2; font-family: Arial, sans-serif; font-size: 17px; font-weight: 800; }
  body.public-home-marketplace .service-mark-tiktok,
  body.client-dashboard .service-mark-tiktok { color: #fff; background: #101013; }
  body.public-home-marketplace .service-mark-signal,
  body.client-dashboard .service-mark-signal { color: #fff; background: #3a76ed; }
  body.public-home-marketplace .service-mark-viber,
  body.client-dashboard .service-mark-viber { color: #fff; background: #7653be; }
  body.public-home-marketplace .service-mark-microsoft,
  body.client-dashboard .service-mark-microsoft { color: #fff; background: #3578cb; }
  body.public-home-marketplace .service-mark-amazon,
  body.client-dashboard .service-mark-amazon { color: #17212d; background: #f0ad3d; }
  body.public-home-marketplace .service-mark-discord,
  body.client-dashboard .service-mark-discord { color: #fff; background: #5865f2; }
  body.public-home-marketplace .service-mark-tinder,
  body.client-dashboard .service-mark-tinder { color: #fff; background: #ed5365; }
  body.public-home-marketplace .service-mark-uber,
  body.client-dashboard .service-mark-uber { color: #fff; background: #171717; }
  body.public-home-marketplace .service-mark-netflix,
  body.client-dashboard .service-mark-netflix { color: #fff; background: #d81f26; }
  body.public-home-marketplace .service-mark-paypal,
  body.client-dashboard .service-mark-paypal { color: #fff; background: #1762a9; }
  body.public-home-marketplace .service-mark-steam,
  body.client-dashboard .service-mark-steam { color: #fff; background: #263d52; }
  body.public-home-marketplace .service-name {
    font-size: 11px;
    font-weight: 550;
  }
  body.public-home-marketplace .service-price { font-size: 9px; }
  body.public-home-marketplace .country-selector-panel {
    grid-area: countries;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    height: 520px;
    max-height: 520px;
    position: static;
    overflow: hidden;
    padding: 0 12px 14px;
    border: 0;
    border-radius: 20px;
    color: #dedee0;
    background: #222;
    box-shadow: 0 9px 28px #10151d40;
  }
  body.public-home-marketplace .country-tab-heading {
    box-sizing: border-box;
    min-height: 44px;
    min-width: 0;
    max-width: calc(100% + 12px);
    width: fit-content;
    justify-content: center;
    margin: 0 0 4px -12px;
    padding: 8px 20px;
    border-radius: 20px 20px 0 0;
  }
  body.public-home-marketplace .country-tab-heading > span {
    display: none;
  }
  body.public-home-marketplace .country-selector-panel .country-filter-row { display: none; }
  body.public-home-marketplace .country-selector-panel .country-search-label { margin-top: 8px; }
  body.public-home-marketplace .country-selector-panel .countries-grid {
    display: grid;
    min-height: 0;
    max-height: none;
    flex: 1 1 auto;
    grid-template-columns: minmax(0, 1fr);
    gap: 7px;
    margin-top: 12px;
    overflow-y: auto;
  }
  body.public-home-marketplace .country-selector-panel .country-card {
    min-height: 42px;
    gap: 7px;
    padding: 5px 7px;
    border: 0;
    border-radius: 7px;
    color: #dedee0;
    background: #303030;
    box-shadow: none;
  }
  body.public-home-marketplace .country-offer-copy { gap: 6px; }
  body.public-home-marketplace .country-flag { min-width: 22px; font-size: 17px; }
  body.public-home-marketplace .country-info { min-width: 0; }
  body.public-home-marketplace .country-info h4 { color: #e4e4e7; font-size: 11px; font-weight: 500; }
  body.public-home-marketplace .country-info p { display: none; }
  body.public-home-marketplace .country-info .country-price { display: block; color: #e4e4e7; font-size: 10px; white-space: nowrap; }
  body.public-home-marketplace .country-card .btn-get {
    min-width: 86px;
    min-height: 32px;
    padding: 5px 7px;
    border-radius: 6px;
    color: #fff;
    background: #16798b;
    font-size: 10px;
    font-weight: 550;
  }
  body.public-home-marketplace .country-card .btn-get:hover { background: #1992a6; }
  body.public-home-marketplace #order-action-status { display: none; }
  body.public-home-marketplace .main-content {
    display: contents;
  }
  body.public-home-marketplace .visitor-home-content {
    grid-area: promo;
    display: grid;
    min-width: 0;
    max-width: 100%;
    gap: 22px;
  }
  body.public-home-marketplace .visitor-hero {
    display: grid;
    min-height: 370px;
    grid-template-columns: minmax(0, 1fr) minmax(220px, .7fr);
    align-items: center;
    gap: 18px;
    padding: clamp(18px, 3vw, 38px);
    border: 1px solid #ffffff0d;
    border-radius: 20px;
    background: linear-gradient(125deg, #27384b, #20354a 70%, #1e3044);
  }
  body.public-home-marketplace .visitor-hero-copy { min-width: 0; }
  body.public-home-marketplace .visitor-hero-copy .landing-eyebrow { color: #3cc5d2; }
  body.public-home-marketplace .visitor-hero-copy h1 {
    margin: 0;
    color: #f0f0f1;
    font-size: clamp(27px, 3.2vw, 44px);
    font-weight: 700;
    letter-spacing: -.035em;
    line-height: 1.17;
  }
  body.public-home-marketplace .visitor-hero-copy h2 {
    margin: 13px 0 0;
    color: #d1d5db;
    font-size: clamp(16px, 1.8vw, 24px);
    font-weight: 450;
    line-height: 1.4;
  }
  body.public-home-marketplace .visitor-hero-copy > p:not(.landing-eyebrow) {
    max-width: 690px;
    margin: 16px 0 0;
    color: #c3cbd3;
    font-size: clamp(13px, 1.4vw, 17px);
    line-height: 1.7;
  }
  body.public-home-marketplace .visitor-hero-art {
    display: grid;
    min-width: 0;
    place-items: center;
  }
  body.public-home-marketplace .visitor-hero-art svg { width: min(100%, 360px); height: auto; }
  body.public-home-marketplace .landing-actions { margin-top: 24px; }
  body.public-home-marketplace .landing-primary,
  body.public-home-marketplace .landing-secondary {
    min-height: 48px;
    border-color: #16798b;
    border-radius: 10px;
    color: #f8fafc;
    background: #16798b;
    font-size: 14px;
  }
  body.public-home-marketplace .landing-primary:hover { background: #1992a6; }
  body.public-home-marketplace .landing-primary span { padding-left: 8px; font-size: 20px; }
  body.public-home-marketplace .landing-secondary { background: transparent; }
  body.public-home-marketplace .landing-secondary:hover { background: #16798b; }
  body.public-home-marketplace .visitor-proof-card,
  body.public-home-marketplace .visitor-how {
    padding: clamp(20px, 3vw, 36px);
    border-radius: 18px;
    color: #e4e4e7;
    background: #252525;
  }
  body.public-home-marketplace .visitor-proof-card {
    display: flex;
    align-items: flex-start;
    gap: 18px;
  }
  body.public-home-marketplace .visitor-social-proof {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 18px clamp(20px, 3vw, 36px);
    border: 1px solid #176171;
    border-radius: 16px;
    color: #d7f8fb;
    background: #102b35;
  }
  body.public-home-marketplace .visitor-social-proof[hidden] { display: none !important; }
  body.public-home-marketplace .visitor-social-proof strong {
    color: #67e8f9;
    font-size: clamp(24px, 4vw, 34px);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
  }
  body.public-home-marketplace .visitor-social-proof span { font-size: 13px; line-height: 1.5; }
  body.public-home-marketplace .footer-column [data-site-contact] p { margin: 0 0 6px; }
  body.public-home-marketplace .visitor-proof-icon {
    display: grid;
    width: 44px;
    height: 44px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: #2c9fd4;
    font-size: 22px;
    font-weight: 800;
  }
  body.public-home-marketplace .visitor-proof-card h2 {
    margin: 0 0 8px;
    color: #e5e7eb;
    font-size: clamp(17px, 1.9vw, 24px);
  }
  body.public-home-marketplace .visitor-proof-card p,
  body.public-home-marketplace .visitor-section-heading > p:last-child {
    margin: 0;
    color: #c6c6c8;
    font-size: 14px;
    line-height: 1.65;
  }
  body.public-home-marketplace .visitor-section-heading .landing-eyebrow { color: #3cc5d2; }
  body.public-home-marketplace .visitor-section-heading h2 {
    margin: 0 0 8px;
    color: #e5e7eb;
    font-size: clamp(22px, 2.4vw, 31px);
  }
  body.public-home-marketplace .visitor-steps {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 22px;
  }
  body.public-home-marketplace .visitor-steps article {
    min-width: 0;
    padding: 20px;
    border-radius: 13px;
    background: #303030;
  }
  body.public-home-marketplace .visitor-steps article > span {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border-radius: 12px;
    color: #fff;
    background: #168397;
    font-size: 18px;
    font-weight: 750;
  }
  body.public-home-marketplace .visitor-step-art {
    display: block;
    width: 100%;
    height: 104px;
    margin: 18px 0 4px;
    object-fit: contain;
    object-position: center;
  }
  body.public-home-marketplace .visitor-steps h3 { margin: 16px 0 8px; color: #e5e7eb; font-size: 17px; }
  body.public-home-marketplace .visitor-steps p { margin: 0; color: #bcbcc0; font-size: 13px; line-height: 1.6; }
  .favorite-action-status {
    width: min(100% - 32px, 1440px);
    margin: 0 auto 12px;
    color: #9de8d0;
    font-size: 13px;
  }
  .favorite-action-status.is-error { color: #ffb4b4; }
  body.public-home-marketplace .visitor-home-content .landing-rental-link {
    border-color: #343434;
    color: #a8e8ed;
    background: #252525;
  }
  body.public-home-marketplace .visitor-home-content .landing-rental-link small { color: #c4c4c8; }
  body.public-home-marketplace .visitor-home-content .landing-payments {
    display: grid;
    justify-items: start;
    padding: 18px;
    border: 0;
    border-radius: 14px;
    background: #252525;
  }
  body.public-home-marketplace .visitor-home-content .landing-payments-label { color: #c3cbd3; }
  body.public-home-marketplace .visitor-home-content .payment-brand-list > span {
    border-color: #4a4a4a;
    color: #e5e7eb;
    background: #303030;
  }
  body.public-home-marketplace .home-faq {
    border-color: #343434;
    color: #dedee0;
    background: #252525;
  }
  body.public-home-marketplace .home-faq .section-heading-row h2,
  body.public-home-marketplace .home-faq summary { color: #e5e7eb; }
  body.public-home-marketplace .home-faq details { border-color: #424242; }
  body.public-home-marketplace .home-faq details p { color: #c4c4c8; }
  body.public-home-marketplace .site-footer { color: #cbd5e1; background: #1b2737; }
  body.public-home-marketplace .site-footer a { color: #a8e8ed; }

  @media (max-width: 950px) {
    body.public-home-marketplace .site-header.home-site-header {
      min-height: 0;
      align-items: center;
    }
    body.public-home-marketplace #services-view {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      grid-template-areas:
        "services countries"
        "promo promo";
      gap: 16px;
    }
    body.public-home-marketplace .visitor-hero {
      grid-template-columns: minmax(0, 1fr);
    }
    body.public-home-marketplace .visitor-hero-art { display: none; }
  }
  @media (max-width: 700px) {
    body.public-home-marketplace .site-header.home-site-header {
      gap: 4px;
      padding: 6px;
    }
    body.public-home-marketplace .site-header.home-site-header .logo-area {
      min-width: auto;
      min-height: 42px;
      flex-basis: 100%;
      font-size: 19px;
    }
    body.public-home-marketplace .site-header.home-site-header .site-navigation {
      min-height: 40px;
      flex: 1 1 100%;
      overflow-x: auto;
    }
    body.public-home-marketplace .site-header.home-site-header .nav-actions {
      min-height: 36px;
      flex: 1 1 100%;
      justify-content: flex-end;
    }
    body.public-home-marketplace #services-view {
      grid-template-columns: minmax(0, 1fr);
      grid-template-areas: "services" "countries" "promo";
      gap: 14px;
      padding: 12px;
    }
    body.public-home-marketplace .services-sidebar,
    body.public-home-marketplace .country-selector-panel {
      height: auto;
      max-height: none;
      position: static;
    }
    body.public-home-marketplace .services-list {
      max-height: 250px;
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    body.public-home-marketplace .country-selector-panel .countries-grid {
      max-height: 340px;
      flex: 0 1 auto;
    }
    body.public-home-marketplace .visitor-home-content { gap: 14px; }
    body.public-home-marketplace .visitor-hero { min-height: 0; }
    body.public-home-marketplace .visitor-steps { grid-template-columns: minmax(0, 1fr); gap: 9px; }
  }