/* ============ KONTAKT — стиль поверх системной страницы ============ */

/* центрируем контент */
.page-contact #content,
.page-contact .page-content {
  max-width: 1180px !important;
  margin: 0 auto !important;
  box-sizing: border-box !important
}

/* ----- убрать заголовок «Kontakt z nami» с блобом ----- */
.page-contact .contact-form-title {
  display: none !important
}

.page-contact .contact-form-title::after,
.page-contact .contact-form-title::before {
  display: none !important;
  content: none !important
}

/* ----- левый блок «Informacja o sklepie» ----- */
.page-contact .contact-rich {
  box-sizing: border-box !important;
  padding: 28px 26px !important;
  background: #fff !important;
  border: 1px solid rgba(230, 0, 92, .22) !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 30px rgba(230, 0, 92, .12) !important
}

.page-contact .contact-rich h4,
.page-contact .contact-rich .h4 {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  font-weight: 800 !important;
  letter-spacing: -.01em !important;
  margin-bottom: 18px !important
}

.page-contact .contact-rich .block {
  padding: 14px 0 !important;
  border-bottom: 1px solid rgba(230, 0, 92, .10) !important
}

.page-contact .contact-rich .block:last-child {
  border-bottom: 0 !important
}

.page-contact .contact-rich .icon i,
.page-contact .contact-rich .icon .material-icons {
  color: #e6005c !important
}

.page-contact .contact-rich .data {
  color: #5a5a5a !important;
  -webkit-text-fill-color: #5a5a5a !important;
  font-size: 14px !important;
  line-height: 1.55 !important
}

.page-contact .contact-rich a {
  color: #e6005c !important;
  -webkit-text-fill-color: #e6005c !important;
  font-weight: 600 !important;
  text-decoration: none !important
}

/* ----- рамки формы: внешняя секция без рамки, рамка только на form ----- */
.page-contact .contact-form {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  max-width: 100% !important
}

.page-contact .contact-form form {
  background: #fff !important;
  border: 1px solid rgba(230, 0, 92, .22) !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 30px rgba(230, 0, 92, .12) !important;
  padding: 34px 36px !important;
  box-sizing: border-box !important
}

/* ----- поля ввода / select / textarea (только внутри формы контактов) ----- */
.contact-form form .form-control,
.contact-form form input[type="text"],
.contact-form form input[type="email"],
.contact-form form select,
.contact-form form textarea {
  box-sizing: border-box !important;
  width: 100% !important;
  height: auto !important;
  min-height: 48px !important;
  line-height: 1.4 !important;
  border: 1px solid rgba(230, 0, 92, .25) !important;
  border-radius: 12px !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  color: #111 !important;
  background: #fff !important;
  box-shadow: none !important;
  vertical-align: middle !important
}

.contact-form form select {
  height: 48px !important;
  padding: 0 16px !important
}

.contact-form form textarea {
  min-height: 130px !important;
  line-height: 1.5 !important;
  padding: 12px 16px !important;
  resize: vertical !important
}

.contact-form form .form-control:focus,
.contact-form form input:focus,
.contact-form form select:focus,
.contact-form form textarea:focus {
  border-color: #e6005c !important;
  box-shadow: 0 0 0 3px rgba(230, 0, 92, .12) !important;
  outline: none !important
}

/* подписи полей */
.contact-form form label,
.contact-form form .form-control-label {
  color: #3a3a3a !important;
  -webkit-text-fill-color: #3a3a3a !important;
  font-weight: 600 !important;
  font-size: 14px !important
}

/* подсказки «opcjonalne» */
.contact-form form .form-control-comment {
  color: #9a9a9a !important;
  -webkit-text-fill-color: #9a9a9a !important;
  font-size: 13px !important
}

/* ----- главная кнопка WYŚLIJ ----- */
.contact-form form .form-footer .btn,
.contact-form form button[type="submit"],
.contact-form form input[type="submit"],
.contact-form form .btn-primary {
  background: linear-gradient(90deg, #e6005c, #ff2e7e) !important;
  border: 0 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  padding: 14px 34px !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 24px rgba(230, 0, 92, .32) !important;
  text-transform: none !important;
  transition: transform .15s ease !important
}

.contact-form form .form-footer .btn:hover,
.contact-form form button[type="submit"]:hover,
.contact-form form .btn-primary:hover {
  transform: translateY(-2px) !important
}

/* вторичная кнопка «WYBIERZ PLIK» */
.contact-form form .input-group .btn,
.contact-form form .custom-file-input+label,
.contact-form form .btn-secondary {
  background: #fff !important;
  color: #e6005c !important;
  -webkit-text-fill-color: #e6005c !important;
  border: 1px solid rgba(230, 0, 92, .3) !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  box-shadow: none !important
}

/* ссылки в чекбоксе согласия */
.contact-form form .custom-checkbox a,
.contact-form form .form-group a {
  color: #e6005c !important;
  -webkit-text-fill-color: #e6005c !important;
  font-weight: 600 !important
}

@media(max-width:767px) {
  .page-contact .contact-rich {
    padding: 20px 16px !important
  }

  .page-contact .contact-form form {
    padding: 22px 18px !important
  }
}