.esimla-search{max-width:1100px;margin:0 auto;padding:20px}
.esimla-search__hero{padding:18px 18px 14px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;margin-bottom:14px}
.esimla-search__title{font-size:22px;font-weight:700;margin-bottom:6px}
.esimla-search__sub{color:#6b7280}
.esimla-search__form{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-top:14px}
.esimla-input-wrap{flex:1;min-width:240px}
.esimla-input-wrap label{display:block;font-weight:600;margin:0 0 6px}
.esimla-input-wrap input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #d1d5db}
.esimla-btn{padding:10px 14px;border-radius:10px;border:0;background:#111827;color:#fff;font-weight:600;cursor:pointer}
.esimla-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:14px}
.esimla-card{border:1px solid #e5e7eb;border-radius:14px;background:#fff;padding:14px}
.esimla-card__top{display:flex;gap:10px;align-items:center;margin-bottom:8px}
.esimla-flag{width:28px;height:20px;object-fit:cover;border-radius:4px;border:1px solid #e5e7eb}
.esimla-card__title{font-weight:700}
.esimla-pill{display:inline-block;padding:4px 8px;border:1px solid #e5e7eb;border-radius:999px;font-size:12px;margin-right:6px;color:#374151;background:#f9fafb}
.esimla-price{font-weight:800;font-size:18px;margin-top:10px}
.esimla-actions{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}
.esimla-actions a{display:inline-block;padding:8px 10px;border-radius:10px;background:#111827;color:#fff;text-decoration:none;font-weight:600}
.esimla-actions a.secondary{background:#f3f4f6;color:#111827}
.esimla-search__status{margin-top:12px;color:#374151}
.esimla-account-wrap{max-width:1100px;margin:0 auto;padding:20px}
.esimla-esim-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;margin-top:14px}
.esimla-esim-card{border:1px solid #e5e7eb;border-radius:14px;background:#fff;overflow:hidden}
.esimla-esim-card__head{padding:12px 14px;border-bottom:1px solid #f3f4f6}
.esimla-esim-card__title{font-weight:800}
.esimla-esim-card__meta{color:#6b7280;font-size:12px;margin-top:4px}
.esimla-esim-card__body{padding:12px 14px}
.esimla-kv{display:flex;justify-content:space-between;gap:10px;margin:8px 0}
.esimla-kv span{color:#6b7280}
.esimla-kv code{padding:2px 6px;border-radius:6px;background:#f3f4f6}
.esimla-qr{display:flex;gap:12px;align-items:center;margin-top:10px}
.esimla-qr__img img{width:120px;height:120px;border-radius:10px;border:1px solid #e5e7eb;background:#fff}
.esimla-qr__actions .button{margin-right:6px}
.esimla-autocomplete-box {
  position: absolute;
  width: 100%;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  margin-top: 4px;
  max-height: 260px;
  overflow-y: auto;
  z-index: 9999;
  display: none;
}
.esimla-autocomplete-item {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  cursor: pointer;
  gap: 10px;
}
.esimla-autocomplete-item:hover {
  background: #f3f4f6;
}
.esimla-autocomplete-flag {
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  display: inline-block;
}
.esimla-autocomplete-box {
  position: absolute;
  top: 68px; /* ALWAYS appears under the input */
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  max-height: 260px;
  overflow-y: auto;
  z-index: 99999;
  display: none;
  box-shadow: 0 4px 16px rgba(0,0,0,0.08);
}
.esimla-autocomplete-item {
  display: flex;
  align-items: center;
  padding: 10px 12px;
  cursor: pointer;
  gap: 12px;
}
.esimla-autocomplete-item:hover {
  background: #f3f4f6;
}
.esimla-country-input {
  position: relative;
  z-index: 10;
}