/* SIMCALL directory pages: intentionally built on top of country-page.css */

.directory-title-row{
  gap:22px;
}

.directory-search{
  width:min(320px,100%);
  display:grid;
  gap:5px;
  color:#61718a;
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.directory-search input{
  width:100%;
  min-height:42px;
  padding:0 14px;
  border:1px solid #d8e3e8;
  border-radius:11px;
  background:#fff;
  color:#10213f;
  font:inherit;
  font-size:14px;
  font-weight:600;
  letter-spacing:0;
  text-transform:none;
  outline:none;
}

.directory-search input:focus{
  border-color:#6fc2a7;
  box-shadow:0 0 0 3px rgba(64,172,137,.10);
}

.directory-option{
  grid-template-columns:62px 1fr auto !important;
  overflow:hidden;
}

.directory-option .directory-thumb{
  width:54px;
  height:42px;
  border-radius:7px;
  overflow:hidden;
  border:1px solid #d9e4e8;
  background:#f3f7f8;
  display:grid;
  place-items:center;
}

.directory-option .directory-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.directory-option .directory-thumb.flag-thumb img{
  object-fit:cover;
}

.directory-option .directory-thumb.region-thumb{
  width:54px;
  height:42px;
}

.directory-option .plan-option-main small{
  line-height:1.35;
}

.directory-selection-photo{
  width:100%;
  aspect-ratio:16/7;
  border-radius:11px;
  margin:0 0 12px;
  background:#eef3f5 center/cover no-repeat;
  border:1px solid #e0e8eb;
}

.directory-hero-icon{
  display:grid;
  place-items:center;
  font-size:28px;
}

.directory-hero-photo{
  background-position:center;
}

.plan-option-price.status-text{
  font-size:13px !important;
  color:#2a8b70;
}

@media(max-width:640px){
  .directory-title-row{
    display:grid !important;
  }

  .directory-option{
    grid-template-columns:50px 1fr auto !important;
  }

  .directory-option .directory-thumb,
  .directory-option .directory-thumb.region-thumb{
    width:44px;
    height:36px;
  }

  .directory-option .plan-option-price{
    font-size:15px !important;
  }
}


/* English clean routing: directory rows navigate directly to plan pages. */
body[data-directory] .product-layout{grid-template-columns:1fr;}
body[data-directory] .directory-option{text-decoration:none;}