.c-lottery-form {
  position: relative;
  margin: clamp(60px, 6vw, 110px) 0;
  background: var(--color-white, #fff);
  color: var(--color-dark, #082543);
}

.c-lottery-form__container {
  max-width: 1320px;
}

.c-lottery-form__box {
  --lottery-form-bg: #eaf8f6;
  padding: clamp(44px, 5vw, 82px) clamp(24px, 5vw, 90px);
  background: var(--lottery-form-bg);
}

.c-lottery-form__title {
  margin: 0 0 clamp(36px, 4vw, 62px);
  color: var(--color-dark, #082543);
}

.c-lottery-form__form {
  max-width: 896px;
  margin: 0 auto;
}

/* CF7 reset */
.c-lottery-form .wpcf7 form .wpcf7-response-output {
  margin: 24px 0 0;
}

.c-lottery-form .wpcf7-spinner {
  display: none;
}

.c-lottery-form .wpcf7-not-valid-tip {
  margin-top: 5px;
  color: #dc3232;
  font-size: 14px;
}

/* persons */
.c-lottery-form__persons {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(40px, 6vw, 70px);
  margin-bottom: clamp(36px, 4vw, 40px);
}

.c-lottery-form__person-title {
  height: 40px;
  margin-bottom: 12px;
  padding: 6px 18px;
  border: 1px solid var(--color-primary, #13c5a3);
  border-radius: 999px;
  color: var(--color-primary, #13c5a3);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(18px, 1.4vw, 24px);
  font-weight: 500;
  line-height: 1.2;
}

.c-lottery-form__field {
  margin-bottom: 10px;
}

.c-lottery-form .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}

.c-lottery-form input[type="text"],
.c-lottery-form input[type="tel"],
.c-lottery-form input[type="email"] {
  width: 100%;
  height: 42px;
  padding: 0 22px;
  border: 0;
  border-radius: 999px;
  background: #fff;
  color: var(--color-dark, #082543);
  font-size: clamp(18px, 1.25vw, 22px);
  line-height: 1;
  box-shadow: none;
  outline: none;
  appearance: none;
  direction: rtl;
  text-align: right;
}

.c-lottery-form input::placeholder {
  color: var(--color-dark, #082543);
  opacity: 1;
}

/* custom file input */
.c-lottery-form input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.c-lottery-form .c-lottery-form__file-ui {
  width: 100%;
  height: 42px;
  padding: 0 22px;
  border: 0;
  border-radius: 999px;
  background: #fff;
  color: var(--color-dark, #082543);
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: clamp(18px, 1.25vw, 22px);
  line-height: 1;
  cursor: pointer;
  text-align: start;
}

.c-lottery-form .c-lottery-form__file-ui::before {
  content: "";
  width: 15px;
  height: 14px;
  flex: 0 0 16px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.83379 13.2634C3.07552 13.2636 2.33422 13.0389 1.70369 12.6177C1.07317 12.1965 0.581751 11.5977 0.291629 10.8971C0.00150601 10.1965 -0.0742853 9.42566 0.073845 8.68199C0.221975 7.93833 0.58737 7.25531 1.12379 6.71938L6.78046 1.06204C6.87426 0.968245 7.00148 0.91555 7.13413 0.91555C7.26678 0.91555 7.394 0.968245 7.48779 1.06204C7.58159 1.15584 7.63429 1.28306 7.63429 1.41571C7.63429 1.54836 7.58159 1.67558 7.48779 1.76938L1.83046 7.42604C1.55657 7.68669 1.33762 7.99951 1.1865 8.34608C1.03539 8.69265 0.955163 9.06596 0.950558 9.44402C0.945953 9.82208 1.01706 10.1972 1.15969 10.5474C1.30232 10.8975 1.51359 11.2156 1.78105 11.4828C2.0485 11.7501 2.36674 11.9611 2.71701 12.1034C3.06728 12.2457 3.44249 12.3165 3.82055 12.3116C4.1986 12.3067 4.57185 12.2262 4.91829 12.0748C5.26474 11.9234 5.57738 11.7041 5.83779 11.43L13.1445 4.12338C13.4793 3.77762 13.6648 3.3141 13.6609 2.83281C13.657 2.35152 13.4641 1.89103 13.1238 1.5507C12.7835 1.21036 12.323 1.01746 11.8417 1.01359C11.3604 1.00973 10.8969 1.19522 10.5511 1.53004L4.65913 7.42604C4.50283 7.58234 4.41502 7.79433 4.41502 8.01538C4.41502 8.23642 4.50283 8.44841 4.65913 8.60471C4.81543 8.76101 5.02742 8.84882 5.24846 8.84882C5.4695 8.84882 5.68149 8.76101 5.83779 8.60471L9.60779 4.83404C9.65389 4.78627 9.70905 4.74815 9.77004 4.72192C9.83103 4.69568 9.89663 4.68186 9.96302 4.68125C10.0294 4.68064 10.0953 4.69326 10.1567 4.71838C10.2182 4.74349 10.274 4.78059 10.321 4.82751C10.368 4.87444 10.4051 4.93024 10.4303 4.99168C10.4554 5.05312 10.4681 5.11895 10.4676 5.18534C10.467 5.25173 10.4533 5.31735 10.4271 5.37836C10.4009 5.43937 10.3629 5.49456 10.3151 5.54071L6.54446 9.31204C6.20065 9.65594 5.73431 9.84918 5.24803 9.84924C4.76175 9.8493 4.29536 9.65619 3.95146 9.31238C3.60756 8.96857 3.41433 8.50223 3.41427 8.01595C3.4142 7.52966 3.60732 7.06327 3.95113 6.71938L9.84446 0.830043C10.3758 0.298638 11.0964 6.25219e-05 11.8479 9.81799e-09C12.5993 -6.25023e-05 13.3201 0.298393 13.8515 0.82971C14.3829 1.36103 14.6814 2.08168 14.6815 2.83314C14.6816 3.5846 14.3831 4.30531 13.8518 4.83671L6.54513 12.1407C6.18984 12.4978 5.76728 12.7809 5.30188 12.9736C4.83649 13.1663 4.3375 13.2648 3.83379 13.2634Z' fill='%2313C5A3'/%3E%3C/svg%3E%0A");
}

.c-lottery-form .c-lottery-form__file-ui.is-filled {
  color: var(--color-primary, #13c5a3);
}

/* notice */
.c-lottery-form__notice {
  margin: 0 auto clamp(24px, 3vw, 36px);
  color: var(--color-dark, #082543);
  text-align: right;
  font-size: clamp(15px, 1vw, 18px);
  line-height: 1.55;
}

.c-lottery-form__notice-title {
  margin-bottom: 14px;
  font-size: clamp(20px, 1.4vw, 26px);
  font-weight: 700;
}

.c-lottery-form__notice ol {
  margin: 0;
  padding-inline-start: 24px;
}

.c-lottery-form__notice li {
  margin-bottom: 3px;
}

/* acceptance */
.c-lottery-form__acceptance {
  margin: 0 24px 28px 0;
  color: var(--color-dark, #082543);
  font-size: clamp(15px, 1vw, 18px);
  line-height: 1.45;
}

.c-lottery-form__acceptance .wpcf7-list-item {
  display: block;
  margin: 0 0 10px;
}

.c-lottery-form__acceptance label {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  cursor: pointer;
}

.c-lottery-form__acceptance input[type="checkbox"] {
  order: -1;
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  margin: 3px 0 0;
  border: 1px solid var(--color-dark, #082543);
  border-radius: 3px;
  appearance: none;
  background: transparent;
  position: relative;
  cursor: pointer;
}

.c-lottery-form__acceptance input[type="checkbox"]:checked {
  background: var(--color-primary, #13c5a3);
  border-color: var(--color-primary, #13c5a3);
}

.c-lottery-form__acceptance input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 2px;
  width: 6px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.c-lottery-form__acceptance .wpcf7-list-item-label {
  display: block;
}

/* submit */
.c-lottery-form__submit {
}

.c-lottery-form input[type="submit"] {
  min-width: 170px;
  height: 46px;
  padding: 0 30px;
  border: 0;
  border-radius: 999px;
  background: var(--color-primary, #13c5a3);
  color: var(--color-dark, #082543);
  font-size: clamp(20px, 1.35vw, 26px);
  font-weight: 700;
  line-height: 1;
  transition: .3s ease;
}

.c-lottery-form input[type="submit"]:hover {
  opacity: .9;
}

@media (max-width: 767px) {
  .c-lottery-form__box {
    padding: 38px 18px;
  }

  .c-lottery-form__persons {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .c-lottery-form__notice,
  .c-lottery-form__acceptance {
    font-size: 15px;
  }
}


.greyscale .c-lottery-form__person-title {
  border-color: var(--color-dark, #082543);
  color: var(--color-dark, #082543);
}