#cityDropdownContainer{
	display:none;
}
.table-container {
	display:block;
	width:100%;
}
.dropdowns-row {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 20px;
	margin-bottom: 20px;
	background: linear-gradient(180deg, #4a4a4a, #1c1c1c);
	padding: 20px;
	box-sizing: border-box;
	border-radius: 10px;
	box-shadow: 0px 2px 5px #999;
}
.dropdown-wrapper {
	position: relative;
	flex: 1;
	min-width: 150px;
}
.dropdown-label {
	font-size: 15px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.dropdown-btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px 10px;
	border-radius: 10px;
	background-color: #fff;
	cursor: pointer;
	width: 100%;
	box-sizing: border-box;
	user-select: none;
}
.dropdown-btn-text {
	display: flex;
	align-items: center;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.dropdown-btn .dropdown-icon {
	width: 20px;
	text-align: center;
	vertical-align: middle;
	margin-right: 6px;
}
.dropdown-btn .dropdown-icon img {
	max-height: 20px;
	width: auto;
	vertical-align: middle;
}
   

    .dropdown-arrow span {
      font-size: 0.9rem;
      font-weight: bold;
      color: #999;
    }
    /* Кнопка swap (40x40) */
    .swap-button-container {
      display: flex;
      align-items: center;
    }
    .swap-button {
      cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  border-radius: 50%;
  border: 0px;
  background: #f5f5f5;
    }
    .swap-button:hover {
      background-color: #dff0d8;
    }
.swap-button img{
	width:100%;
	max-width:30px;
}
    /* Dropdown меню */
    .dropdown-menu {
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      border: 1px solid #ccc;
      background-color: #fff;
      border-radius: 4px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.15);
      max-height: 400px;
      display: none;
      z-index: 9999;
      flex-direction: column;
    }
    .dropdown-menu.open {
      display: flex !important;
    }
    .dropdown-search {
      padding: 6px 10px;
      border-bottom: 1px solid #ddd;
      background-color: #fafafa;
    }
    .dropdown-search input {
      width: 100%;
      box-sizing: border-box;
      padding: 6px;
      border: 1px solid #ddd;
      border-radius: 4px;
      font: inherit;
      outline-color: #bbb;
    }
    .dropdown-items {
      overflow-y: auto;
    }
    .dropdown-group-label {
      padding: 6px 10px;
      font-weight: 600;
      color: #333;
      background-color: #f5f5f5;
      height: 36px;
      box-sizing: border-box;
      display: flex;
      align-items: center;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .dropdown-group-label .country-flag {
      width: 20px;
      height: auto;
      object-fit: contain;
      margin-right: 8px;
      vertical-align: middle;
    }
    .dropdown-item {
      display: flex;
      align-items: center;
      height: 36px;
      padding: 6px 10px;
      box-sizing: border-box;
      cursor: pointer;
      user-select: none;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .dropdown-item:hover {
      background-color: #dff0d8;
    }
    .dropdown-item.selected-item {
      background-color: #dff0d8;
    }
    .dropdown-item .dropdown-icon {
      width: 20px;
      text-align: center;
      vertical-align: middle;
      margin-right: 6px;
    }
    .dropdown-item .dropdown-icon img {
      max-height: 20px;
      width: auto;
      vertical-align: middle;
    }
    .dropdown-item span,
    .dropdown-item strong {
      display: inline-block;
      vertical-align: middle;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      line-height: 1.2;
      margin: 0;
      padding: 0;
    }
    /* Стили для валют внутри dropdown */
    .currency-code {
      font-size: 0.80rem;
      vertical-align: middle;
      color: #569f08;
      padding: 1px 4px !important;
      font-weight: bold;
    }
    .currency-network {
      color: #888;
      font-size: 0.80rem;
      margin: 0 2px !important;
      padding: 1px 4px !important;
      border-radius: 3px;
      vertical-align: middle;
      background-color: #eee;
    }
    .currency-base {
      vertical-align: text-bottom;
    }
    .small-currency { font-size: 0.85rem; }
    .small-text { font-size: 0.85rem; }
    /* Если обменников нет – пункты засерываются */
    .unavailable-option,
    .unavailable-option .currency-network,
    .unavailable-option .currency-code {
      color: #ccc !important;
    }
    /* Таблица обменников */
    table {
      width: 100%;
      border-collapse: collapse;
    }
    thead tr {
      background-color: #ddf2c4;
    }
    th, td {
      border-bottom: 1px solid #dbeac0;
      padding: 12px 16px;
      vertical-align: middle;
    }
    th {
      text-align: left;
      font-weight: 600;
      color: #4c8d06;
    }
    /* Для колонки «Курс» используем объединённый заголовок из 3 ячеек */
    th.course-header {
      text-align: center;
    }
    th:nth-child(4), td:nth-child(4),
    th:nth-child(5), td:nth-child(5),
    th:nth-child(6), td:nth-child(6) {
      text-align: right;
    }
    tbody tr:nth-child(even) {
      background-color: #f6fee9;
    }
    tbody tr:nth-child(odd) {
      background-color: #ffffff;
    }
    tbody tr.hoverable:hover td {
      background-color: #eefbd7;
      cursor: pointer;
    }
    tbody tr.hoverable:hover td.reviews-cell:hover {
      background-color: #e1f8bf;
      cursor: pointer;
    }
    td.reviews-cell {
      text-align: right;
    }
    .claim-badge {
      display: inline-block;
      background-color: #e63333; 
      color: white;
      padding: 0 5px;
      border-radius: 3px;
      margin-right: 5px;
      font-size: 0.9rem;
    }
    .big-green-button {
      display: block;
      width: 100%;
      text-align: center;
      background-color: #7fbf00;
      color: #fff;
      font-size: 1rem;
      font-weight: 500;
      padding: 14px 0;
      border: none;
      border-radius: 6px;
      margin-top: 20px;
      cursor: pointer;
      text-decoration: none;
      position: sticky;
      bottom: 0;
      z-index: 5;
    }
    .big-green-button:hover {
      background-color: #71ab00;
    }

@media (max-width: 700px){
	table thead{
		display:none;
	}
	table tbody tr{
		display:block;
		width:100%;
		padding:20px 0px;
	}
	table tbody tr td{
		display:block;
		border-bottom:0px;
		padding:0px;
	}
	table tbody tr td:nth-child(1){
		font-size:15px;
		font-weight:700;
		color:#333;
		text-transform:uppercase;
		border-bottom:1px solid#eee;
		padding-bottom:5px;
		margin-bottom:5px;
	}
	table tbody tr td:nth-child(2), table tbody tr td:nth-child(3), table tbody tr td:nth-child(4){
		display:inline-block;
	}
	table tbody tr td:nth-child(2) span, table tbody tr td:nth-child(3) span, table tbody tr td:nth-child(4) span{
		font-size:17px;
		font-weight:800;
		color:#000;
		text-transform:uppercase;
	}
	table tbody tr td:nth-child(2) span.currency-code, table tbody tr td:nth-child(3) span.currency-code, table tbody tr td:nth-child(4) span.currency-code{
		font-size:14px;
		font-weight:700;
		color: #569f08;
		text-transform:none;
	}
	table tbody tr td:nth-child(5), table tbody tr td:nth-child(6), table tbody tr td:nth-child(7){
		text-align:left;
	}
	table tbody tr td:nth-child(5){
		font-size:14px;
		font-weight:700;
		color:#999;
		text-transform:none;
		border-bottom:1px solid#eee;
		padding-bottom:5px;
		margin-bottom:5px;
	}
	table tbody tr td:nth-child(5) span{
		font-weight:400;
	}
	table tbody tr td:nth-child(6), table tbody tr td:nth-child(7){
		font-size:15px;
		font-weight:300;
		color:#333;
		text-transform:none;
	}
	table tbody tr td:before{
		content: attr(data-label);
		font-weight:400;
	}
}
@media (max-width: 600px) {
	.dropdowns-row {
		display: block;
		width: 100%;
		height: 270px;
	}
	.dropdown-wrapper {
		background: #fff;
		border-radius: 10px;
		position: relative;
	}
	.dropdown-label{
		color: #333;
		margin-bottom: 0px;
		padding: 10px 0px 0px 10px;
		box-sizing: border-box;
	}
	.dropdown-btn{
		padding: 30px 10px;
	}
	.swap-button-container{
		justify-content: center;
		position: relative;
		top: -25px;
		z-index: 99;
	}
	.swap-button{
		border: 3px solid #4a4a4a;
	}
	#toDropdown{
		top: -53px;
	}
	.swap-button img{
		transform: rotate(90deg);
	}
	.dropdown-menu{
		position: fixed;
		top: 0px;
		max-height: 100%;
		z-index: 9999999;
	}
	.big-green-button {
		font-size: 0.9rem;
		padding: 10px 0;
	}
}