.frf-form {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7em;
  max-width: 700px;
  margin: 0 auto;
  position: relative;
  font-size: 14px;
}

.frf-form input[type="text"],
.frf-form input[type="tel"],
.frf-form input[type="number"],
.frf-form input[type="date"],
.frf-form textarea {
  width: 100%;
  padding: 0.5em 0.8em;
  border: 1px solid #333;
  border-radius: 4px;
  background: #fff;
  box-sizing: border-box;
  font-size: 1em;
  height: 50px;
}

.frf-form textarea {
  height: auto;
  min-height: 100px;
  resize: vertical;
}

.frf-form > input[name="name"],
.frf-form > input[name="phone"],
.frf-form > input[name="date"],
.frf-form > input[name="quantity"] {
  width: calc(50% - 0.5em);
}

.frf-form label {
  width: 100%;
  font-size: 13px;
  display: flex;
  align-items: flex-start;
  gap: 0.5em;
  line-height: 1.4em;
}

.frf-form input[type="checkbox"] {
  width: 15px;
  height: 15px;
  margin-top: 2px;
  flex-shrink: 0;
}

.frf-form .frf-submit {
  text-transform: uppercase;
  letter-spacing: 0em;
  border-radius: 20px !important;
  padding: 0.7em 1.5em !important;
  background: #f1e1cb !important;
  border: none;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.3s ease;
  margin-top: 1em;
  margin-top: 5px !important;
}
.frf-form button.frf-submit[type="submit"] {
  color: #603813 !important;
}


.frf-form .frf-submit:hover {
  background: #eba681 !important;
  color: #603813 !important;
}

.frf-form .frf-message {
  display: none;
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  background: #f1e1cb;
  border: 1px solid #d4a373;
  padding: 1em 1.5em;
  border-radius: 8px;
  color: #603813;
  text-align:center;
  font-weight: 500;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  z-index: 100;
  animation: fadeIn 0.4s ease-in-out;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translate(-50%, 0); }
  to { opacity: 1; transform: translate(-50%, 10px); }
}

@media (max-width: 600px) {
  .frf-form > input[name="name"],
  .frf-form > input[name="phone"],
  .frf-form > input[name="date"],
  .frf-form > input[name="quantity"] {
    width: 100%;
  }
}
#funeral-request-form > label:nth-child(6) > input[type=checkbox]:checked::before,
#funeral-request-form > label:nth-child(7) > input[type=checkbox]:checked::before
{
  content: '✔';
  font-size: 12px;
  color: #ff0000;
  position: relative;
  top: -5px;
   transform: translate(-50%, -60%);
}