:root {
  --u: calc(100vw / 1440);
  --header-h: max(calc(112 * var(--u)), calc(9.027vw));
  --color-black: #000;
  --color-white: #fff;
  --color-orange: #ff5900;
  --color-grey-50: #f1f1f1;
  --color-grey-100: #f1f1f1;
  --color-grey-200: #c2c2c2;
  --color-grey-300: #ababab;
  --color-grey-600: #252525;
  --color-grey-700: #191919;
  --color-grey-900: #000;
  --color-card-bg: #0d0d0d;
  --color-text-secondary: #929292;
  /* --title-font: "Heading Now", "Arial Black", sans-serif;
    --base-font: "Wix Madefor Display", "Segoe UI", sans-serif; */
}
body {
  font-family: var(--base-font);
}
.countries-page {
  background: var(--color-black);
  color: var(--color-white);
  width: 100%;
  overflow-x: clip;
}

.countries-content {
  min-height: 50vh;
  width: 100%;
  max-width: none;
  background: var(--color-black);
  font-family: var(--base-font);
  overflow-x: clip;
  padding-top: var(--header-h);
}

.countries-content *,
.countries-content *::before,
.countries-content *::after {
  box-sizing: border-box;
}

.countries-content img {
  max-width: 100%;
  display: block;
}

.countries-inner {
  width: 100%;
  max-width: calc(1440 * var(--u));
  margin: 0 auto;
  padding: 0 calc(40 * var(--u));
}

/* Breadcrumbs */
.countries-breadcrumbs {
  display: flex;
  align-items: center;
  gap: calc(6 * var(--u));
  padding: calc(16 * var(--u)) calc(40 * var(--u));
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  flex-wrap: nowrap;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.countries-breadcrumbs::-webkit-scrollbar {
  display: none;
}

.countries-breadcrumbs a,
.countries-breadcrumbs span,
.countries-breadcrumbs .sep {
  flex-shrink: 0;
  white-space: nowrap;
}

.countries-breadcrumbs a,
.countries-breadcrumbs span {
  font-family: var(--base-font);
  font-size: calc(14 * var(--u));
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: calc(-0.14 * var(--u));
  text-transform: uppercase;
  text-decoration: none;
}

.countries-breadcrumbs a {
  color: var(--color-grey-50);
}

.countries-breadcrumbs span.current {
  color: var(--color-text-secondary);
}

.countries-breadcrumbs .sep {
  width: calc(16 * var(--u));
  height: calc(16 * var(--u));
  flex-shrink: 0;
}

/* Hero layout */
.countries-hero {
  display: flex;
  gap: calc(40 * var(--u));
  align-items: flex-start;
  padding: calc(40 * var(--u)) calc(40 * var(--u)) calc(150 * var(--u));
  position: relative;
}

.countries-sidebar {
  width: calc(371 * var(--u));
  flex-shrink: 0;
  background: var(--color-card-bg);
  border: calc(1.2 * var(--u)) solid var(--color-grey-600);
  border-radius: calc(4 * var(--u));
  padding: calc(24 * var(--u));
  display: flex;
  flex-direction: column;
  gap: calc(8 * var(--u));
  overflow: visible;
  position: sticky;
  top: 8vw;
}

.countries-sidebar-stats {
  display: flex;
  flex-direction: column;
  /* gap: calc(20 * var(--u)); */
  width: 100%;
  min-width: 0;
  overflow: visible;
}

.countries-stat-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-width: 0;
  font-family: var(--base-font);
  font-size: calc(16 * var(--u));
  font-weight: 500;
  line-height: 1.3;
}

.countries-stat-row .label {
  color: var(--color-grey-300);
}

.countries-stat-row .value {
  color: var(--color-white);
  text-align: right;
}

.countries-stat-row:not(.check-row) .label,
.countries-stat-row:not(.check-row) .value {
  flex-shrink: 0;
  white-space: nowrap;
}

.countries-stat-row.check-row {
  align-items: flex-start;
  justify-content: flex-start;
  gap: calc(20 * var(--u));
  border-bottom: 0.069vw solid var(--color-grey-600);
  padding: 1.111vw 0;
}
.countries-stat-row.check-row:last-child {
  border-bottom: 0;
}
.countries-stat-row.check-row .label {
  flex: 1 1 0;
  min-width: 0;
}

.countries-stat-row .check-icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(24 * var(--u));
  height: calc(24 * var(--u));
  flex-shrink: 0;
}

.countries-stat-row .check-icon {
  width: calc(18 * var(--u));
  height: calc(18 * var(--u));
  max-width: none;
  object-fit: contain;
}

/* .countries-divider {
    width: 100%;
    height: calc(1 * var(--u));
    min-height: calc(1 * var(--u));
    margin: 0;
    padding: 0;
    background: var(--color-grey-600);
    border: 0;
    flex-shrink: 0;
} */

.countries-sidebar-btns {
  display: flex;
  flex-direction: column;
  gap: calc(12 * var(--u));
}

.countries-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: calc(6 * var(--u));
  width: 100%;
  height: calc(48 * var(--u));
  padding: 0 calc(18 * var(--u));
  border: 0;
  border-radius: calc(4 * var(--u));
  font-family: var(--base-font);
  font-size: calc(13 * var(--u));
  font-weight: 600;
  line-height: 1.1;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  transition: opacity 0.2s;
}

.countries-btn:hover {
  opacity: 0.9;
}

.countries-btn.orange {
  background: var(--color-orange);
  color: var(--color-white);
}

.countries-btn.white {
  background: var(--color-white);
  color: var(--color-black);
}

.countries-btn.black {
  background: var(--color-black);
  color: var(--color-white);
  border: calc(1 * var(--u)) solid rgba(255, 255, 255, 0.07);
}

.countries-btn.outline-white {
  background: transparent;
  color: var(--color-white);
  border: calc(1 * var(--u)) solid rgba(255, 255, 255, 0.07);
}

.countries-btn .btn-icon {
  width: calc(24 * var(--u));
  height: calc(24 * var(--u));
}

.countries-main {
  flex: 1;
  max-width: calc(586 * var(--u));
  display: flex;
  flex-direction: column;
  gap: calc(40 * var(--u));
}
.countries-main * {
  font-family: var(--base-font);
}
.countries-main h1,
.countries-main h2,
.countries-main h3,
.countries-main h4,
.countries-main h5,
.countries-main h6,
.countries-main h1 *,
.countries-main h2 *,
.countries-main h3 *,
.countries-main h4 *,
.countries-main h5 *,
.countries-main h6 * {
  font-family: var(--title-font);
}
.countries-main #market-overview-toc {
  padding: calc(40 * var(--u)) 0;
  border-top: calc(1 * var(--u)) solid #ffffff26;
  border-bottom: calc(1 * var(--u)) solid #ffffff26;
}

.countries-flag-block {
  display: flex;
  flex-direction: column;
  gap: calc(24 * var(--u));
}

.countries-flag-wrap {
  width: calc(109 * var(--u));
  height: calc(80 * var(--u));
  background: var(--color-grey-700);
  border-radius: calc(4 * var(--u));
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(10 * var(--u));
}

.countries-flag-wrap img {
  width: calc(89 * var(--u));
  height: calc(60 * var(--u));
  object-fit: contain;
}

.countries-title {
  margin: 0;
  font-family: var(--title-font);
  font-size: calc(48 * var(--u));
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: calc(-1.44 * var(--u));
  text-transform: uppercase;
  color: var(--color-white);
}

.countries-section-title {
  margin: 0 0 calc(16 * var(--u));
  font-family: var(--title-font);
  font-size: calc(28 * var(--u));
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: calc(-0.644 * var(--u));
  text-transform: uppercase;
  color: var(--color-grey-50);
}

.countries-text {
  margin: 0;
  font-family: var(--base-font);
  font-size: calc(16 * var(--u));
  font-weight: 500;
  line-height: 1.3;
  color: var(--color-grey-100);
  opacity: 0.8;
}

.countries-text p + p {
  margin-top: calc(12 * var(--u));
}

.countries-tag {
  margin: 0 0 calc(16 * var(--u));
  font-family: var(--base-font);
  font-size: calc(14 * var(--u));
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: calc(-0.14 * var(--u));
  text-transform: uppercase;
  color: var(--color-text-secondary);
}

.countries-tag .accent {
  color: var(--color-text-secondary);
}

#top-methods {
  display: flex;
  flex-direction: column;
  gap: calc(24 * var(--u));
}

#top-methods > .countries-section-title {
  margin: 0;
}

.countries-payment-group {
  display: flex;
  flex-direction: column;
  gap: calc(16 * var(--u));
}

.countries-payment-group .countries-tag {
  margin: 0;
}

/* Right rail */
.countries-rail {
  width: calc(323 * var(--u));
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: calc(40 * var(--u));
  position: sticky;
  top: 8vw;
}

.countries-tabs {
  position: relative;
  width: calc(322 * var(--u));
  background: var(--color-card-bg);
  border: calc(1.2 * var(--u)) solid var(--color-grey-600);
  border-radius: calc(4 * var(--u));
  padding: calc(16 * var(--u));
  display: flex;
  flex-direction: column;
  gap: calc(12 * var(--u));
  overflow: visible;
}

.countries-tab {
  position: relative;
  display: flex;
  align-items: center;
  gap: calc(8 * var(--u));
  width: 100%;
  height: calc(44 * var(--u));
  padding: calc(10 * var(--u)) calc(16 * var(--u));
  border: 0;
  border-radius: 0;
  background: transparent;
  font-family: var(--base-font);
  font-size: calc(14 * var(--u));
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: calc(-0.14 * var(--u));
  text-transform: uppercase;
  color: var(--color-grey-200);
  cursor: pointer;
  text-align: left;
  text-decoration: none;
  white-space: nowrap;
}

.countries-tab.active {
  background: var(--color-grey-100);
  color: var(--color-black);
}

.countries-tab.active::before {
  content: "";
  position: absolute;
  left: calc(-17.2 * var(--u));
  top: 0;
  width: calc(1.2 * var(--u));
  height: 100%;
  background: var(--color-orange);
}

.countries-tab .tab-icon {
  display: none;
  width: calc(24 * var(--u));
  height: calc(24 * var(--u));
  flex-shrink: 0;
  max-width: none;
  object-fit: contain;
}

.countries-tab.active .tab-icon {
  display: block;
}

.countries-tab .tab-label {
  flex-shrink: 0;
}

.countries-share {
  display: flex;
  align-items: center;
  gap: calc(12 * var(--u));
  width: calc(320 * var(--u));
}

.countries-share-label {
  flex: 1 1 0;
  min-width: 0;
  font-family: var(--base-font);
  font-size: calc(14 * var(--u));
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: calc(-0.14 * var(--u));
  text-transform: uppercase;
  color: var(--color-text-secondary);
}

.countries-share-btns {
  display: flex;
  gap: calc(12 * var(--u));
  flex-shrink: 0;
}

.countries-share-btn {
  width: calc(48 * var(--u));
  height: calc(48 * var(--u));
  border: calc(1 * var(--u)) solid var(--color-grey-600);
  border-radius: calc(4 * var(--u));
  background: var(--color-black);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
}

.countries-share-btn img {
  width: calc(24 * var(--u));
  height: calc(24 * var(--u));
  max-width: none;
  object-fit: contain;
}

/* Payment cards */
.countries-payments-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: calc(16 * var(--u));
}

.countries-payment-card {
  position: relative;
  width: 100%;
  min-width: 0;
  height: calc(142 * var(--u));
  padding: 0;
  display: block;
  border: 0;
  background: transparent;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

.countries-payment-card::before,
.countries-payment-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  pointer-events: none;
  z-index: 0;
  transition: opacity 0.2s ease;
}

.countries-payment-card::before {
  background-image: url("/wp-content/themes/pmtech/pages/payments-catalog/country-single/assets/img/card-bg-rest.svg");
  opacity: 1;
}

.countries-payment-card::after {
  background-image: url("/wp-content/themes/pmtech/pages/payments-catalog/country-single/assets/img/card-bg-hover.svg");
  opacity: 0;
}

.countries-payment-card:hover::after,
.countries-payment-card:focus-visible::after {
  opacity: 1;
}

.countries-payment-card:focus-visible {
  outline: calc(2 * var(--u)) solid var(--color-orange);
  outline-offset: calc(2 * var(--u));
}

.countries-payment-card-inner {
  position: absolute;
  left: calc(16 * var(--u));
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc(16 * var(--u));
  z-index: 1;
  max-width: calc(100% - 32 * var(--u));
}

.countries-payment-card--no-logo .countries-payment-card-inner {
  gap: 0;
}

.countries-payment-logo {
  width: calc(64 * var(--u));
  height: calc(44 * var(--u));
  flex-shrink: 0;
  background: none;
  border-radius: 0;
  overflow: hidden;
  line-height: 0;
}

.countries-payment-logo img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: fill;
}

.countries-payment-card-body {
  display: flex;
  flex-direction: column;
  gap: calc(4 * var(--u));
  min-width: 0;
}

.countries-payment-name {
  margin: 0;
  font-family: var(--title-font);
  font-size: calc(20 * var(--u));
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: calc(-0.6 * var(--u));
  text-transform: uppercase;
  color: var(--color-white);
}

.countries-payment-type {
  margin: 0;
  font-family: var(--base-font);
  font-size: calc(16 * var(--u));
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0;
  color: var(--color-text-secondary);
}

/* Gateway metrics */
.countries-metrics {
  padding: 0 calc(40 * var(--u)) calc(150 * var(--u));
}

.countries-metrics-inner {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: calc(40 * var(--u));
  padding-left: calc(20 * var(--u));
}

.countries-metrics-left {
  width: calc(586 * var(--u));
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: calc(380 * var(--u));
}

.countries-eyebrow {
  margin: 0;
  font-family: var(--base-font);
  font-size: calc(14 * var(--u));
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: calc(-0.14 * var(--u));
  text-transform: uppercase;
  color: var(--color-text-secondary);
}

.countries-eyebrow .accent {
  color: var(--color-text-secondary);
}

.countries-h2 {
  margin: 0;
  font-family: var(--title-font);
  font-size: calc(64 * var(--u));
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: calc(-1.6 * var(--u));
  text-transform: uppercase;
}

.countries-h2 span.marked-orange span {
  display: block;
  text-align: right;
}
.countries-h2 .orange {
  color: var(--color-orange);
}

.countries-h2 .white {
  color: var(--color-white);
}

.countries-metrics-right {
  width: calc(656 * var(--u));
  display: flex;
  flex-direction: column;
  gap: calc(24 * var(--u));
}

.countries-metric-item {
  display: flex;
  flex-direction: column;
  gap: calc(16 * var(--u));
}

.countries-metric-item .metric-label {
  margin: 0;
  font-family: var(--base-font);
  font-size: calc(16 * var(--u));
  font-weight: 500;
  line-height: 1.3;
  color: var(--color-text-secondary);
  opacity: 0.8;
  text-transform: uppercase;
}

.metric-value-wrap {
  /* height: calc(40 * var(--u)); */
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  width: 100%;
}

.countries-metric-item .metric-value {
  margin: 0;
  width: 100%;
  font-family: var(--title-font);
  font-size: calc(48 * var(--u));
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: calc(-1.44 * var(--u));
  text-transform: uppercase;
  color: var(--color-white);
}

/* Promo cards */
.countries-promo {
  padding: 0 calc(40 * var(--u)) calc(150 * var(--u));
}

.countries-promo-grid {
  display: flex;
  gap: calc(24 * var(--u));
}

.countries-promo-card {
  position: relative;
  width: calc(668 * var(--u));
  height: calc(391 * var(--u));
  overflow: hidden;
  border-radius: calc(4 * var(--u));
}

.countries-promo-card .promo-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.countries-promo-card.light .promo-content {
  background: var(--color-grey-100);
}

.countries-promo-card.orange .promo-content {
  background: transparent;
}

.countries-promo-card .promo-content {
  position: relative;
  z-index: 1;
  width: calc(568 * var(--u));
  height: calc(295 * var(--u));
  margin: calc(48 * var(--u));
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.countries-promo-card.orange .promo-content {
  color: var(--color-white);
}

.countries-promo-card.light .promo-content {
  color: var(--color-black);
}

.countries-promo-title {
  margin: 0;
  font-family: var(--title-font);
  font-size: calc(42 * var(--u));
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: calc(-1.26 * var(--u));
  text-transform: uppercase;
}

.countries-promo-title .accent {
  color: var(--color-orange);
}

.countries-promo-card.orange .countries-promo-title .accent {
  color: var(--color-black);
}

.countries-promo-card.orange .countries-promo-title .white-word {
  color: var(--color-white);
}

.countries-promo-text {
  margin: calc(24 * var(--u)) 0 0;
  font-family: var(--base-font);
  font-size: calc(16 * var(--u));
  font-weight: 500;
  line-height: 1.3;
}

.countries-promo-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.countries-promo-footer .chevrons {
  width: calc(46.639 * var(--u));
  height: calc(46 * var(--u));
  flex-shrink: 0;
  max-width: none;
  object-fit: contain;
}

.countries-promo-footer .countries-btn {
  width: auto;
}

/* Setup table */
.countries-setup {
  padding: 0 calc(44 * var(--u)) calc(150 * var(--u));
}

.countries-setup-table-wrap {
  background: var(--color-card-bg);
  border: calc(1.2 * var(--u)) solid var(--color-grey-600);
  border-radius: calc(4 * var(--u));
  padding: calc(24 * var(--u));
  margin-top: calc(40 * var(--u));
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
}

.countries-setup-table {
  width: calc(1224 * var(--u));
  min-width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

.countries-setup-table col.col-type {
  width: calc(104 * var(--u));
}

.countries-setup-table col.col-method {
  width: calc(180 * var(--u));
}

.countries-setup-table col.col-desc {
  width: calc(358 * var(--u));
}

.countries-setup-table col.col-usage {
  width: calc(160 * var(--u));
}

.countries-setup-table col.col-check {
  width: calc(108 * var(--u));
}

.countries-setup-table th {
  font-family: var(--base-font);
  font-size: calc(14 * var(--u));
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: calc(-0.14 * var(--u));
  text-transform: uppercase;
  color: var(--color-text-secondary);
  text-align: left;
  vertical-align: top;
  padding: 0 0 calc(24 * var(--u));
}

.countries-setup-table th:not(:first-child),
.countries-setup-table td:not(:first-child) {
  padding-left: calc(16 * var(--u));
}

.countries-setup-table th:nth-child(5),
.countries-setup-table th:nth-child(6),
.countries-setup-table th:nth-child(7) {
  text-align: center;
}

.countries-setup-table td {
  padding: calc(20 * var(--u)) 0;
  border-top: calc(1 * var(--u)) solid var(--color-grey-600);
  vertical-align: middle;
}

.countries-setup-table .col-type {
  font-family: var(--base-font);
  font-size: calc(16 * var(--u));
  font-weight: 500;
  line-height: 1.3;
  color: var(--color-grey-300);
  word-break: normal;
  overflow-wrap: normal;
  hyphens: manual;
}

.countries-setup-table .col-method {
  font-family: var(--title-font);
  font-size: calc(18 * var(--u));
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: calc(-0.18 * var(--u));
  text-transform: uppercase;
  color: white;
}

.countries-setup-table .col-desc {
  font-family: var(--base-font);
  font-size: calc(16 * var(--u));
  font-weight: 500;
  line-height: 1.3;
  color: var(--color-grey-100);
}

.countries-setup-table .col-usage {
  font-family: var(--base-font);
  font-size: calc(16 * var(--u));
  font-weight: 500;
  line-height: 1.3;
  color: var(--color-grey-100);
}

.countries-setup-table .col-check {
  text-align: center;
}

.countries-check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(32 * var(--u));
  height: calc(32 * var(--u));
  border-radius: calc(1.6 * var(--u));
  border: calc(0.96 * var(--u)) solid rgba(255, 255, 255, 0.07);
}

.countries-check.yes {
  background: var(--color-orange);
}

.countries-check.no {
  background: var(--color-grey-700);
}

.countries-check img {
  width: calc(24 * var(--u));
  height: calc(24 * var(--u));
}

/* Other countries */
section.countries-other {
  padding: 0 0 calc(150 * var(--u));
  overflow: visible;
}

section.countries-other a.countries-country-card {
  display: flex;
  max-height: none;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}

.countries-other-slider-outer {
  width: 100%;
  overflow: visible;
}

.countries-other-slider {
  display: block;
  width: 100%;
  overflow-x: auto;
  overflow-y: visible;
  scroll-behavior: smooth;
  scroll-snap-type: x proximity;
  scroll-padding-inline: calc(40 * var(--u));
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.countries-other-slider::-webkit-scrollbar {
  display: none;
}

.countries-other-track {
  display: flex;
  align-items: flex-start;
  gap: calc(24 * var(--u));
  width: max-content;
  padding: 0 calc(40 * var(--u));
  box-sizing: border-box;
}

.countries-country-card {
  position: relative;
  flex: 0 0 calc(322 * var(--u));
  width: calc(322 * var(--u));
  /* height: calc(380 * var(--u)); */
  scroll-snap-align: start;
  border: 0;
  background: transparent;
  padding: calc(17 * var(--u)) calc(16 * var(--u));
  display: flex;
  flex-direction: column;
  gap: calc(18 * var(--u));
  text-decoration: none;
  color: inherit;
  box-sizing: border-box;
  overflow: visible;
}

.countries-country-card::before {
    /* content: "";
    position: absolute;
    inset: 0;
    background: url("/wp-content/themes/pmtech/pages/payments-catalog/country-single/assets/img/country-card-bg.svg") no-repeat center / 100% 100%;
    transform: rotate(180deg) scaleX(-1);
    pointer-events: none;
    z-index: 0; */
    
    content: "";
    position: absolute;
    inset: 0.069vw;
    z-index: 0;
    background-color: #0d0d0d;
    clip-path: polygon(7% 0, 100% 0, 100% 92%, 92% 100%, 0 100%, 0 8%);
    transition: background-color 0.4s;
}
.countries-country-card:hover::before {
    background-color: var(--base-background);
}

.countries-country-card > * {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
}

.countries-country-body {
  display: flex;
  flex-direction: column;
  gap: calc(12 * var(--u));
  width: 100%;
}

.countries-country-body .countries-divider {
  margin: 0;
}

.countries-country-text {
  display: flex;
  flex-direction: column;
  gap: calc(8 * var(--u));
}

.countries-other-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: calc(40 * var(--u));
  padding: 0 calc(40 * var(--u));
}

.countries-other-nav {
  display: flex;
  gap: calc(8 * var(--u));
}

.countries-other-nav button {
  width: calc(48 * var(--u));
  height: calc(48 * var(--u));
  border: calc(1.2 * var(--u)) solid rgba(255, 255, 255, 0.07);
  border-radius: calc(4 * var(--u));
  background: var(--color-card-bg);
  color: var(--color-white);
  font-size: calc(18 * var(--u));
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s;
}

.countries-other-nav button:disabled {
  cursor: default;
}

.countries-country-top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-shrink: 0;
}

.countries-country-flag {
  width: calc(48 * var(--u));
  height: calc(44 * var(--u));
  display: flex;
  align-items: center;
  justify-content: center;
}

.countries-country-flag img {
  width: calc(38 * var(--u));
  height: calc(26 * var(--u));
  max-width: none;
  object-fit: contain;
}

.countries-country-map {
  width: calc(97 * var(--u));
  height: calc(218 * var(--u));
  flex-shrink: 0;
  max-width: none;
  object-fit: contain;
  opacity: 0.35;
  width: 100%;
  opacity: 1;
  /* object-fit: cover; */
  object-position: center;
}

.countries-country-meta {
  display: flex;
  gap: calc(32 * var(--u));
  font-family: var(--base-font);
  font-size: calc(12 * var(--u));
  font-weight: 500;
  line-height: 1.25;
  color: #f1f1f1;
}

.countries-country-meta .muted {
  color: var(--color-grey-300);
}

.countries-country-name {
  margin: 0;
  font-family: var(--title-font);
  font-size: calc(20 * var(--u));
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: calc(-0.6 * var(--u));
  text-transform: uppercase;
}

.countries-country-sub {
  margin: 0;
  font-family: var(--base-font);
  font-size: calc(14 * var(--u));
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: calc(-0.14 * var(--u));
  text-transform: uppercase;
  color: var(--color-grey-100);
}

/* Power up stats */
.countries-power {
  padding: 0 calc(40 * var(--u)) calc(150 * var(--u));
}

.countries-power-heading {
  position: relative;
  margin-bottom: calc(52 * var(--u));
}

.countries-power-heading .accent-shape {
  position: absolute;
  left: 0;
  top: calc(33 * var(--u));
  width: calc(58.5 * var(--u));
  height: calc(74 * var(--u));
}

.countries-power-heading .countries-h2 {
  padding-left: calc(23 * var(--u));
}

.countries-power-body {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: calc(52 * var(--u));
}

.countries-power-left {
  width: calc(377 * var(--u));
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: calc(244 * var(--u));
}

.countries-power-left .countries-btn {
  width: calc(244 * var(--u));
}

.countries-stats-grid {
  display: flex;
  gap: calc(32 * var(--u));
}

.countries-stat-col {
  display: flex;
  flex-direction: column;
  gap: calc(40 * var(--u));
  height: calc(244 * var(--u));
}

.countries-stat-col:nth-child(1),
.countries-stat-col:nth-child(2) {
  width: calc(274 * var(--u));
}

.countries-stat-col:nth-child(3) {
  width: calc(319 * var(--u));
}

.countries-stat-block {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.countries-stat-block:first-child {
  flex: 1 1 0;
  min-height: 0;
}

.countries-stat-block:last-child {
  height: calc(102 * var(--u));
  flex-shrink: 0;
}

.stat-num-wrap {
  height: calc(50 * var(--u));
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  width: 100%;
}

.countries-stat-block .stat-num {
  margin: 0;
  font-family: var(--title-font);
  font-size: calc(68 * var(--u));
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: calc(-1.564 * var(--u));
  text-transform: uppercase;
  white-space: nowrap;
}

.countries-stat-block .stat-label {
  margin: 0;
  font-family: var(--base-font);
  font-size: calc(16 * var(--u));
  font-weight: 500;
  line-height: 1.25;
  opacity: 0.8;
}

/* FAQ */
.countries-faq {
  padding: 0 calc(40 * var(--u)) calc(180 * var(--u));
  display: flex;
  flex-direction: column;
  align-items: center;
}

.countries-faq-header {
  text-align: center;
  margin-bottom: calc(40 * var(--u));
  width: calc(494 * var(--u));
  max-width: 100%;
}

.countries-faq-tag {
  margin: 0 0 calc(32 * var(--u));
  font-family: var(--base-font);
  font-size: calc(14 * var(--u));
  font-weight: 600;
  line-height: 1.1;
  text-transform: uppercase;
  color: var(--color-grey-50);
  opacity: 0.45;
}

.countries-faq-list {
  width: calc(800 * var(--u));
  max-width: 100%;
  position: relative;
}

.countries-faq-list.is-collapsed {
  padding-bottom: calc(71 * var(--u));
}

.countries-faq-items {
  display: flex;
  flex-direction: column;
  gap: calc(24 * var(--u));
}

.countries-faq-list.is-collapsed .countries-faq-items {
  max-height: calc(520 * var(--u));
  overflow: hidden;
}

.countries-faq-item.open {
  display: flex;
  flex-direction: column;
  gap: calc(12 * var(--u));
}

.countries-faq-divider {
  margin: 0;
  border: 0;
  height: calc(1 * var(--u));
  background: var(--color-grey-600);
  width: 100%;
  flex-shrink: 0;
}

.countries-faq-question {
  display: flex;
  align-items: center;
  gap: calc(24 * var(--u));
  min-height: calc(60 * var(--u));
  cursor: pointer;
}

.countries-faq-item.open .countries-faq-question {
  min-height: calc(48 * var(--u));
}

.countries-faq-question p {
  flex: 1;
  margin: 0;
  font-family: var(--title-font);
  font-size: calc(20 * var(--u));
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: calc(-0.3 * var(--u));
  text-transform: uppercase;
}

.countries-faq-question .prefix {
  color: var(--color-text-secondary);
}

.countries-faq-toggle {
  width: calc(48 * var(--u));
  height: calc(48 * var(--u));
  border: calc(1.2 * var(--u)) solid rgba(255, 255, 255, 0.07);
  border-radius: calc(4 * var(--u));
  background: var(--color-card-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 0;
  cursor: pointer;
  color: inherit;
}

.countries-faq-toggle .faq-icon {
  width: calc(20 * var(--u));
  height: calc(20 * var(--u));
  display: block;
}

.countries-faq-toggle .faq-icon-minus {
  display: none;
  height: calc(2.3 * var(--u));
}

.countries-faq-item.open .countries-faq-toggle {
  background: var(--color-orange);
}

.countries-faq-item.open .countries-faq-toggle .faq-icon-plus {
  display: none;
}

.countries-faq-item.open .countries-faq-toggle .faq-icon-minus {
  display: block;
}

.countries-faq-answer {
  display: none;
  font-family: var(--base-font);
  font-size: calc(16 * var(--u));
  font-weight: 500;
  line-height: 1.3;
  color: var(--color-text-secondary);
}

.countries-faq-item.open .countries-faq-answer {
  display: block;
}

.countries-faq-fade {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(168 * var(--u));
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.08) 25%,
    rgba(0, 0, 0, 0.35) 55%,
    rgba(0, 0, 0, 0.75) 80%,
    #000 100%
  );
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.25s ease;
}

.countries-faq-list.is-collapsed .countries-faq-fade {
  opacity: 1;
}

.countries-faq-more-wrap {
  position: absolute;
  bottom: calc(23 * var(--u));
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  display: none;
  justify-content: center;
}

.countries-faq-list.is-collapsed .countries-faq-more-wrap {
  display: flex;
}

.countries-btn.show-more {
  background: var(--color-white);
  color: var(--color-black);
  width: auto;
}

@media (max-width: 1200px) and (min-width: 761px) {
  .countries-hero {
    flex-wrap: wrap;
  }

  .countries-rail {
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
  }

  .countries-promo-grid {
    flex-direction: column;
  }

  .countries-promo-card {
    width: 100%;
  }

  .countries-metrics-inner,
  .countries-power-body {
    flex-direction: column;
  }

  .countries-metrics-left,
  .countries-metrics-right,
  .countries-main,
  .countries-sidebar,
  .countries-power-left {
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 960px) {
  :root {
    --u: calc(100svw / 390);
    --header-h: calc(58 * var(--u));
  }

  .countries-breadcrumbs {
    padding: calc(16 * var(--u)) calc(20 * var(--u));
  }

  .countries-content > section,
  .countries-content > nav {
    max-width: 100%;
    min-width: 0;
  }

  .countries-hero {
    flex-direction: column;
    align-items: stretch;
    gap: calc(32 * var(--u));
    padding: calc(32 * var(--u)) calc(20 * var(--u)) calc(80 * var(--u));
  }

  .countries-main,
  .countries-rail {
    display: contents;
  }

  .countries-flag-block {
    order: 1;
    width: 100%;
  }

  .countries-sidebar {
    order: 2;
    width: 100%;
    padding: calc(16 * var(--u));
    gap: calc(32 * var(--u));
    position: relative;
  }

  .countries-sidebar-stats {
    gap: calc(16 * var(--u));
  }

  .countries-stat-row {
    font-size: calc(14 * var(--u));
    line-height: 1.3;
  }

  .countries-sidebar-btns {
    gap: calc(12 * var(--u));
  }

  .countries-main > .countries-divider {
    display: none;
  }

  .countries-tabs {
    order: 3;
    position: relative;
    width: 100%;
    flex-direction: row;
    align-items: stretch;
    gap: calc(4 * var(--u));
    padding: calc(30 * var(--u)) 0 calc(14 * var(--u));
    background: transparent;
    border: 0;
    border-radius: 0;
  }

  .countries-tabs::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: calc(-12 * var(--u));
    height: calc(1 * var(--u));
    background: var(--color-grey-600);
    pointer-events: none;
  }

  .countries-tab {
    flex: 0 1 auto;
    width: auto;
    white-space: nowrap;
  }

  .countries-tab.active::before {
    display: none;
  }

  .countries-main #market-overview-toc {
    padding: initial;
    border-top: 0;
  }

  #market-overview-toc {
    order: 4;
    width: 100%;
    margin-top: calc(24 * var(--u));
  }

  #top-methods {
    order: 5;
    width: 100%;
    margin-top: calc(32 * var(--u));
    gap: calc(32 * var(--u));
  }

  .countries-share {
    order: 6;
    width: 100%;
    flex-direction: column;
    align-items: center;
    gap: calc(16 * var(--u));
  }

  .countries-share-label {
    flex: none;
    width: 100%;
    text-align: center;
    font-size: calc(12 * var(--u));
  }

  .countries-share-btns {
    gap: calc(16 * var(--u));
  }

  .countries-share-btn {
    width: calc(40 * var(--u));
    height: calc(40 * var(--u));
  }

  .countries-title {
    font-size: calc(32 * var(--u));
    letter-spacing: calc(-0.96 * var(--u));
    line-height: 1.1;
  }

  .countries-section-title {
    font-size: calc(21 * var(--u));
    letter-spacing: calc(-0.483 * var(--u));
    margin-bottom: calc(24 * var(--u));
  }

  .countries-text {
    font-size: calc(14 * var(--u));
  }

  .countries-tag {
    font-size: calc(12 * var(--u));
    margin-bottom: calc(16 * var(--u));
  }

  .countries-payments-grid {
    grid-template-columns: 1fr;
    gap: calc(16 * var(--u));
  }

  .countries-payment-card {
    height: calc(142 * var(--u));
  }

  .countries-payment-group {
    gap: calc(16 * var(--u));
  }

  .countries-metrics {
    padding: 0 calc(20 * var(--u)) calc(80 * var(--u));
  }

  .countries-metrics-inner {
    flex-direction: column;
    align-items: stretch;
    gap: calc(32 * var(--u));
    padding-left: 0;
  }

  .countries-metrics-left,
  .countries-metrics-right,
  .countries-main,
  .countries-sidebar,
  .countries-power-left {
    width: 100%;
    max-width: 100%;
    min-height: 0;
  }

  .countries-metrics-left {
    gap: calc(32 * var(--u));
  }

  .countries-eyebrow {
    font-size: calc(12 * var(--u));
  }

  .countries-h2 {
    font-size: calc(42 * var(--u));
    letter-spacing: calc(-1.05 * var(--u));
  }

  .countries-metrics-right {
    gap: calc(24 * var(--u));
  }

  .countries-metric-item {
    gap: calc(12 * var(--u));
  }

  .countries-metric-item .metric-label {
    font-size: calc(12 * var(--u));
  }

  .metric-value-wrap {
    /* height: calc(24 * var(--u)); */
    align-items: flex-start;
  }

  .countries-metric-item .metric-value {
    font-size: calc(29 * var(--u));
    letter-spacing: calc(-0.87 * var(--u));
    line-height: 1.2;
  }

  .countries-promo {
    padding: 0 calc(20 * var(--u)) calc(80 * var(--u));
  }

  .countries-promo-grid {
    flex-direction: column;
    gap: calc(24 * var(--u));
  }

  .countries-promo-card {
    width: 100%;
    height: auto;
    min-height: calc(297 * var(--u));
  }

  .countries-promo-card:last-child {
    min-height: calc(330 * var(--u));
  }

  .countries-promo-card .promo-content {
    width: auto;
    height: auto;
    min-height: calc(233 * var(--u));
    margin: calc(24 * var(--u));
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: calc(24 * var(--u));
  }

  .countries-promo-title {
    font-size: calc(28 * var(--u));
    letter-spacing: calc(-0.84 * var(--u));
  }

  .countries-promo-text {
    font-size: calc(14 * var(--u));
    margin-top: calc(12 * var(--u));
  }

  .countries-promo-footer .countries-btn {
    width: 100%;
    max-width: calc(241 * var(--u));
  }

  .countries-setup {
    padding: 0 calc(20 * var(--u)) calc(80 * var(--u));
  }

  .countries-setup .countries-h2 {
    font-size: calc(42 * var(--u));
  }

  .countries-setup-table-wrap {
    margin-top: calc(24 * var(--u));
    padding: calc(16 * var(--u));
  }

  .countries-setup-table {
    width: calc(867 * var(--u));
  }

  section.countries-other {
    padding-bottom: calc(80 * var(--u));
  }

  .countries-other-header {
    flex-direction: column;
    align-items: center;
    gap: calc(24 * var(--u));
    margin-bottom: calc(24 * var(--u));
    padding: 0 calc(20 * var(--u));
  }

  .countries-other-header .countries-h2 {
    font-size: calc(26 * var(--u));
    letter-spacing: calc(-0.65 * var(--u));
    text-align: center;
    width: 100%;
  }

  .countries-other-nav {
    display: none;
  }

  .countries-other-slider {
    overflow: visible;
    scroll-snap-type: none;
    max-width: 100%;
  }

  .countries-other-track {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    padding: 0 calc(20 * var(--u));
    gap: calc(16 * var(--u));
  }

  .countries-country-card {
    flex: none;
    width: 100%;
    /* height: calc(258 * var(--u)); */
    padding: calc(17 * var(--u)) calc(16 * var(--u));
  }

  .countries-country-map {
    /* width: calc(50.5 * var(--u));
    height: calc(110.5 * var(--u)); */
    width: 100%;
  }

  .countries-country-name {
    font-size: calc(16 * var(--u));
    letter-spacing: calc(-0.4 * var(--u));
  }

  .countries-country-sub {
    font-size: calc(12 * var(--u));
    letter-spacing: calc(-0.12 * var(--u));
  }

  .countries-other-more-wrap {
    display: flex;
    justify-content: center;
    margin-top: calc(24 * var(--u));
    padding: 0 calc(20 * var(--u));
  }

  .countries-other-slider-outer.is-collapsed
    .countries-country-card:nth-child(n + 5) {
    display: none;
  }

  .countries-other-slider-outer.is-expanded + .countries-other-more-wrap {
    display: none;
  }

  .countries-power {
    padding: 0 calc(20 * var(--u)) calc(80 * var(--u));
  }

  .countries-power-heading {
    margin-bottom: calc(24 * var(--u));
  }

  .countries-power-heading .accent-shape {
    top: calc(22 * var(--u));
    width: calc(58.5 * var(--u));
    height: calc(34 * var(--u));
  }

  .countries-power-heading .countries-h2 {
    padding-left: calc(23 * var(--u));
    font-size: calc(42 * var(--u));
  }

  .countries-power-body {
    flex-direction: column;
    gap: calc(32 * var(--u));
  }

  .countries-power-left {
    gap: calc(32 * var(--u));
  }

  .countries-power-left .countries-btn {
    width: calc(244 * var(--u));
  }

  .countries-stats-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: calc(16 * var(--u));
    row-gap: calc(32 * var(--u));
  }

  .countries-stat-col {
    display: contents;
  }

  .countries-stat-col:nth-child(1) .countries-stat-block:first-child {
    order: 1;
  }

  .countries-stat-col:nth-child(1) .countries-stat-block:last-child {
    order: 5;
  }

  .countries-stat-col:nth-child(2) .countries-stat-block:first-child {
    order: 3;
  }

  .countries-stat-col:nth-child(2) .countries-stat-block:last-child {
    order: 4;
  }

  .countries-stat-col:nth-child(3) .countries-stat-block:first-child {
    order: 2;
  }

  .countries-stat-col:nth-child(3) .countries-stat-block:last-child {
    order: 6;
  }

  .countries-stat-block {
    height: auto;
    min-height: 0;
  }

  .stat-num-wrap {
    height: calc(28 * var(--u));
  }

  .countries-stat-block .stat-num {
    font-size: calc(42 * var(--u));
    letter-spacing: calc(-0.966 * var(--u));
  }

  .countries-stat-block .stat-label {
    font-size: calc(14 * var(--u));
    line-height: 1.25;
  }

  .countries-faq {
    padding: 0 calc(20 * var(--u)) calc(100 * var(--u));
  }

  .countries-faq-header {
    width: 100%;
    margin-bottom: calc(32 * var(--u));
  }

  .countries-faq-tag {
    font-size: calc(12 * var(--u));
    margin-bottom: calc(24 * var(--u));
  }

  .countries-faq-header .countries-h2 {
    font-size: calc(42 * var(--u));
    letter-spacing: calc(-1.05 * var(--u));
  }

  .countries-faq-list {
    width: 100%;
  }

  .countries-faq-list.is-collapsed .countries-faq-items {
    max-height: calc(420 * var(--u));
  }

  .countries-faq-question p {
    font-size: calc(16 * var(--u));
    letter-spacing: calc(-0.24 * var(--u));
  }

  .countries-faq-question {
    min-height: calc(52 * var(--u));
    gap: calc(16 * var(--u));
  }

  .countries-faq-item.open .countries-faq-question {
    min-height: calc(44 * var(--u));
  }

  .countries-faq-toggle {
    width: calc(44 * var(--u));
    height: calc(44 * var(--u));
  }

  .countries-faq-answer {
    font-size: calc(14 * var(--u));
  }
}

@media (min-width: 761px) {
  .countries-other-more-wrap {
    display: none;
  }
}