.zargon-inperson-cities {
  margin: 20px 0 4px;
  padding: 16px 18px;
  border: 1px solid rgba(212, 175, 55, .35);
  background: #fdfbf7;
  color: #053b2e;
}
.zargon-inperson-cities strong { display: block; margin-bottom: 10px; font-weight: 800; }
.zargon-city-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.zargon-city-tag {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 4px 11px;
  border-radius: 999px;
  background: #053b2e;
  color: #f8ecbf;
  font-size: .82rem;
  font-weight: 700;
}
.zargon-city-details-trigger { gap: 8px; border: 0; cursor: pointer; font-family: inherit; transition: .25s ease; }
.zargon-city-details-trigger:hover,
.zargon-city-details-trigger:focus-visible { background: #f8ecbf; color: #053b2e; box-shadow: 0 0 0 1px #d4af37 inset; }
.zargon-city-phone-icon { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
body.zargon-city-modal-open { overflow: hidden; }
.zargon-city-modal[hidden] { display: none !important; }
.zargon-city-modal { position: fixed; inset: 0; z-index: 999999; display: grid; place-items: center; padding: 20px; }
.zargon-city-modal-backdrop { position: absolute; inset: 0; background: rgba(1, 20, 15, .72); backdrop-filter: blur(5px); }
.zargon-city-modal-dialog { position: relative; width: min(460px, 100%); padding: 38px 34px 32px; background: #fdfbf7; border: 1px solid #d4af37; box-shadow: 0 28px 80px rgba(1,20,15,.3); color: #053b2e; direction: rtl; }
.zargon-city-modal-close { position: absolute; top: 11px; left: 13px; width: 34px; height: 34px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #053b2e; font: 300 28px/1 sans-serif; cursor: pointer; }
.zargon-city-modal-close:hover { background: #f8ecbf; }
.zargon-city-modal-eyebrow { color: #aa8c2c; font-size: .78rem; font-weight: 700; }
.zargon-city-modal h3 { margin: 7px 0 22px; color: #053b2e; font-size: 1.75rem; }
.zargon-city-modal-address { padding: 16px; background: #fff; border-right: 3px solid #d4af37; }
.zargon-city-modal-address strong { display: block; margin-bottom: 7px; font-size: .8rem; color: #aa8c2c; }
.zargon-city-modal-address p { margin: 0; line-height: 1.9; color: #33443f; white-space: pre-line; }
.zargon-city-modal-actions { display: grid; grid-template-columns: 1fr 2fr; gap: 10px; margin-top: 22px; }
.zargon-city-modal-actions a { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 8px 14px; text-decoration: none !important; font-weight: 800; }
.zargon-city-modal-actions svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.zargon-city-modal-call { background: #053b2e; color: #f8ecbf !important; }
.zargon-city-modal-map { border: 1px solid #053b2e; color: #053b2e !important; }
.zargon-city-modal-actions a:hover { background: #f8ecbf; color: #053b2e !important; }
@media (max-width: 480px) { .zargon-city-modal-dialog { padding: 34px 22px 24px; } .zargon-city-modal-actions { grid-template-columns: 1fr; } }