body{font-family:Arial;background:#f5f6f8;text-align:center}
.title{margin:30px}
.btn{padding:14px 22px;border:none;border-radius:25px;background:#e53935;color:#fff;margin:10px;cursor:pointer}
.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);justify-content:center;align-items:center}
.modal-content{background:#fff;padding:24px;border-radius:16px;width:90%;max-width:420px;text-align:left}
.close{float:right;cursor:pointer}
select,input{width:100%;padding:10px;margin:10px 0;border-radius:10px}
.price{color:#e53935;font-size:20px;font-weight:bold;margin:10px 0}

.china-features{list-style:none;padding:0}
.china-reklam{background:#fef7f0;border-left:4px solid #ff6a00;padding:10px;margin:10px 0}

.autocomplete{position:relative}
.dropdown{position:absolute;background:#fff;left:0;right:0;border-radius:10px;box-shadow:0 6px 16px rgba(0,0,0,.08);display:none}
.dropdown-item{padding:10px;cursor:pointer}
.dropdown-item:hover{background:#eee}
.top-countries {
  max-width: 1000px;
  margin: 40px auto;
  padding: 0 20px;
}

.top-countries h2 {
  margin-bottom: 20px;
}

.top-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 18px;
}

.top-card {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  cursor: pointer;
  box-shadow: 0 6px 16px rgba(0,0,0,0.15);
}

.top-card img {
  width: 100%;
  height: 160px;
  object-fit: cover;
}

.top-card span {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 12px;
  background: linear-gradient(to top, rgba(0,0,0,0.6), transparent);
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
.promo {
  background: #e8f5e9;
  border-left: 4px solid #2e7d32;
  padding: 10px;
  margin: 12px 0;
  font-size: 14px;
  border-radius: 8px;
}