.urlap-body { margin: 0; background: transparent; }

.urlap { display: grid; gap: 18px; padding: 4px 2px 8px; max-width: 640px; }
.urlap-bev { margin: 0 0 4px; font-size: 15.5px; }

.mezo { display: grid; gap: 7px; }

.mezo > label { font-size: 14.5px; font-weight: 500; color: var(--gold); }
.mezo > label i { font-style: normal; font-size: 12.5px; font-weight: 500;
  letter-spacing: .04em; color: var(--text); margin-left: 6px; }


.urlap input[type="text"], .urlap input[type="email"], .urlap input[type="tel"],
.urlap select, .urlap textarea {
  font-family: inherit; font-size: 16px; font-weight: 400; line-height: 1.5;
  color: var(--text); background: var(--panel);
  border: 1px solid var(--line-2); border-radius: 3px;
  padding: 12px 14px; min-height: var(--tap); width: 100%;
}
.urlap textarea { min-height: 92px; resize: vertical; }

.urlap ::placeholder { color: color-mix(in srgb, var(--text) 64%, var(--panel)); opacity: 1; }
.urlap select { cursor: pointer; }
.urlap :is(input, select, textarea):focus-visible {
  outline: 2px solid var(--gold); outline-offset: 2px; border-color: var(--gold);
}

.urlap :is(input, select, textarea)[aria-invalid="true"] { border-color: var(--gold); border-width: 2px; }
.mezo-hiba { font-size: 13px; font-weight: 500; color: var(--gold); margin: 0; }


.kombo { position: relative; }
.kombo-lista { position: absolute; z-index: 30; left: 0; right: 0; top: calc(100% + 4px);
  margin: 0; padding: 4px; list-style: none; max-height: 264px; overflow-y: auto;
  background: var(--panel); border: 1px solid var(--line); border-radius: 3px;
  box-shadow: 0 10px 30px rgba(0,0,0,.18); }
.kombo-lista[hidden] { display: none; }
.kombo-lista li { padding: 11px 12px; font-size: 15.5px; border-radius: 2px; cursor: pointer; }
.kombo-lista li[aria-selected="true"], .kombo-lista li:hover { background: var(--line-2); }
.kombo-lista li b { font-weight: 600; }
.kombo-ures { padding: 11px 12px; font-size: 14px; font-weight: 500; }


.csapda { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }



.mezo > label.jelolo { color: var(--text); font-weight: 400; }
.jelolo { display: grid; grid-template-columns: 22px 1fr; gap: 11px; align-items: start;
  font-size: 14.5px; font-weight: 400; line-height: 1.55; cursor: pointer; }
.jelolo input { width: 20px; height: 20px; min-height: 0; margin-top: 2px; accent-color: var(--gold); }
.jelolo a { text-decoration: underline; }


.urlap-also { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-top: 4px; }
.urlap-also .btn { min-width: 170px; }
.urlap-allapot { margin: 0; font-size: 14.5px; font-weight: 500; }
.urlap-allapot.hiba { color: var(--gold); }


.urlap.kesz .urlap-also .btn { display: none; }