/* ============================================================
   page-actions-empty.css — продакшен
   Объединяет page-actions-empty.css + page-actions-empty-adaptive.css.
   ============================================================ */

.page-actions__empty {
  margin-bottom: clamp(24px, 2.8cqi, 40px);
}

/* ============================================================
   Hero-блок
   ============================================================ */

.page-actions__empty-hero {
  position: relative;
  overflow: hidden;

  border-radius: clamp(16px, 1.8cqi, 26px);
  background-color: #336edc;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1445' height='641' viewBox='0 0 1445 641' fill='none'%3E%3Cpath d='M64.0859 431.083C84.5533 310.448 97.5857 -72.7271 262.181 116.702C402.894 278.645 230.018 472.393 319.563 499.81C433.747 534.77 430.306 180.309 638.634 152.892C780.682 134.197 818.274 267.943 779.348 348.101C740.421 428.26 678.871 396.401 617.436 431.083C557.861 464.716 454.463 628.445 779.348 559.031C1053.1 500.542 853.176 134.614 1121.81 134.614C1444.32 134.614 1388.98 169.829 1346.22 203.339' stroke='%23ABCDEB' stroke-opacity='0.1' stroke-width='130'/%3E%3C/svg%3E"),
    linear-gradient(180deg, #3b89e4 0%, #336edc 100%);
  background-repeat: no-repeat, no-repeat;
  background-position: center, center;
  background-size: 1445px 641px, 100% 100%;

  padding: clamp(20px, 2.4cqi, 32px);
  color: #fff;
}

.page-actions__empty-hero-content {
  position: relative;
  z-index: 1;
}

.page-actions__empty-hero-title {
  font-weight: 500;
  font-size: clamp(22px, 2.5cqi, 36px);
  line-height: 108%;
  letter-spacing: -0.01em;
}

.page-actions__empty-hero p:last-child {
  margin: 0;
}

/* ============================================================
   Блок «Расскажите» со стрелкой
   ============================================================ */

.page-actions__empty-tell-us {
  margin: clamp(24px, 3cqi, 40px) 0;

  background-image: url(../actions-images/page-actions-tell-arrow.svg);
  background-position: calc(clamp(50px, 4.9cqi, 70px) / 2 - clamp(18px, 1.8cqi, 26px) / 2) center;
  background-size: clamp(18px, 1.8cqi, 26px) clamp(53px, 5.3cqi, 76px);
  background-repeat: no-repeat;
}

.page-actions__empty-tell-us-content {
  margin: 0 clamp(50px, 4.9cqi, 70px);

  font-weight: 500;
  font-size: clamp(13px, 1cqi, 14px);
  color: #4b5563;
}

.page-actions__empty-tell-us-content p:last-child {
  margin: 0;
}

/* ============================================================
   Опрос
   ============================================================ */

.page-actions__empty-survey {
  border-radius: clamp(16px, 1.8cqi, 26px);
  padding: clamp(20px, 2.4cqi, 32px);
  background: linear-gradient(270deg, #cbe1f3 0%, #e9eef3 100%);

  font-weight: 400;
  font-size: clamp(14px, 1.4cqi, 18px);
  color: #4b5563;
}

.page-actions__empty-survey p:last-child {
  margin: 0;
}

.page-actions__empty-survey-title {
  font-weight: 500;
  font-size: clamp(22px, 2.5cqi, 36px);
  line-height: 108%;
  letter-spacing: -0.01em;
  color: #111827;

  margin-bottom: clamp(8px, 1cqi, 12px);
}

.page-actions__empty-survey-questions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(6px, 0.6cqi, 8px);

  margin: clamp(16px, 1.8cqi, 24px) 0 clamp(12px, 1.2cqi, 16px) 0;
}

.page-actions__empty-survey-item {
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: clamp(12px, 1.2cqi, 16px);
  padding: clamp(10px, 1cqi, 12px) clamp(10px, 1cqi, 12px) clamp(10px, 1cqi, 12px) clamp(12px, 1.2cqi, 16px);
  background: rgba(255, 255, 255, 0.3);

  display: flex;
  align-items: center;
}

.page-actions__empty-survey-label {
  display: flex;
  align-items: center;
  gap: clamp(6px, 0.6cqi, 8px);

  cursor: pointer;
}

.page-actions__empty-survey-checkbox {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.page-actions__empty-survey-checkbox-icon {
  flex-shrink: 0;
  width: clamp(20px, 1.8cqi, 24px);
  height: clamp(20px, 1.8cqi, 24px);

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 0C20.4183 0 24 3.58172 24 8V16C24 20.2801 20.6389 23.7748 16.4121 23.9893L16 24H8L7.58789 23.9893C3.49764 23.7817 0.218304 20.5024 0.0107422 16.4121L0 16V8C0 3.58172 3.58172 1.28851e-07 8 0H16ZM8 1.7998C4.57583 1.7998 1.7998 4.57583 1.7998 8V16C1.7998 19.4242 4.57583 22.2002 8 22.2002H16C19.4242 22.2002 22.2002 19.4242 22.2002 16V8C22.2002 4.57583 19.4242 1.7998 16 1.7998H8Z' fill='%233B89E4'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.page-actions__empty-survey-checkbox:checked + .page-actions__empty-survey-checkbox-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 0C20.4183 0 24 3.58172 24 8V16C24 20.2801 20.6389 23.7748 16.4121 23.9893L16 24H8L7.58789 23.9893C3.49764 23.7817 0.218304 20.5024 0.0107422 16.4121L0 16V8C0 3.58172 3.58172 1.28851e-07 8 0H16ZM8 1.7998C4.57583 1.7998 1.7998 4.57583 1.7998 8V16C1.7998 19.4242 4.57583 22.2002 8 22.2002H16C19.4242 22.2002 22.2002 19.4242 22.2002 16V8C22.2002 4.57583 19.4242 1.7998 16 1.7998H8Z' fill='%233B89E4'/%3E%3Cpath d='M15.354 9.27959C15.7306 8.9068 16.341 8.9068 16.7176 9.27959C17.0941 9.65238 17.0942 10.2566 16.7176 10.6294L11.5746 15.7204C11.1981 16.0932 10.5876 16.0932 10.211 15.7204L8.28244 13.8113C7.90585 13.4385 7.90585 12.8343 8.28244 12.4615C8.65902 12.0887 9.26944 12.0887 9.64603 12.4615L10.8928 13.6957L15.354 9.27959Z' fill='%233B89E4'/%3E%3C/svg%3E");
}

.page-actions__empty-survey-checkbox:focus-visible + .page-actions__empty-survey-checkbox-icon {
  outline: 2px solid #3B89E4;
  outline-offset: 2px;
  border-radius: 4px;
}

.page-actions__empty-survey-text {
  font-weight: 500;
  font-size: clamp(13px, 1cqi, 14px);
  color: #4b5563;
}

.page-actions__empty-survey-item .page-actions__empty-survey-input {
  display: block;
  width: 100%;

  padding: 0;
  border: 0;
  background: transparent;

  font-weight: 500;
  font-size: clamp(13px, 1cqi, 14px);
  line-height: 1.2;
  color: #4b5563;

  outline: none;
  -webkit-appearance: none;
          appearance: none;
}

.page-actions__empty-survey-item .page-actions__empty-survey-input::placeholder {
  font-weight: 500;
  font-size: clamp(13px, 1cqi, 14px);
  color: rgba(75, 85, 99, 0.6);
  opacity: 1;
}

.page-actions__empty-survey-footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: clamp(6px, 0.6cqi, 8px);

  margin: clamp(12px, 1.2cqi, 16px) 0;
}

.page-actions__empty-survey-footer .form-group input[type="text"] {
  display: block;
  width: 100%;
  min-height: clamp(48px, 4.2cqi, 57px);

  padding: clamp(12px, 1.4cqi, 18px) clamp(16px, 1.8cqi, 24px);

  border: 1px solid transparent;
  border-radius: clamp(12px, 1.2cqi, 16px);
  background: #fff;

  font-family: inherit;
  font-weight: 400;
  font-size: clamp(15px, 1.4cqi, 18px);
  line-height: 1.2;
  color: #4b5563;

  outline: none;
  transition: border-color .15s ease, box-shadow .15s ease;
  -webkit-appearance: none;
          appearance: none;
}

.page-actions__empty-survey-footer .form-group input[type="text"]::placeholder {
  font-weight: 400;
  font-size: clamp(15px, 1.4cqi, 18px);
  color: rgba(75, 85, 99, 0.6);
  opacity: 1;
}

.page-actions__empty-survey-footer .form-group input[type="text"]:hover {
  border-color: rgba(59, 137, 228, 0.25);
}

.page-actions__empty-survey-footer .form-group input[type="text"]:focus {
  border-color: #3b89e4;
  box-shadow: 0 0 0 3px rgba(59, 137, 228, 0.15);
}

.page-actions__empty-survey .form-group-checkbox {
  margin: 0;
}

/* ============================================================
   Блок благодарности
   ============================================================ */

.page-actions__empty-thanks {
  display: flex;
  flex-direction: column;
  align-items: center;

  padding: clamp(20px, 2.4cqi, 30px) 0;
}

.page-actions__empty-thanks-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.48288 19.3384C6.98498 18.8362 6.98498 18.0223 6.48288 17.5202C5.98077 17.018 5.16671 17.018 4.66461 17.5202L1.23603 20.9488C0.733928 21.4509 0.733928 22.2648 1.23603 22.7669C1.73813 23.269 2.5522 23.269 3.05431 22.7669L6.48288 19.3384ZM15.0542 18.3773C15.5563 18.8794 15.5563 19.6934 15.0542 20.1955L12.4828 22.7669C11.9807 23.269 11.1666 23.269 10.6645 22.7669C10.1624 22.2648 10.1624 21.4509 10.6645 20.9488L13.236 18.3773C13.738 17.8752 14.5521 17.8752 15.0542 18.3773ZM5.62565 13.3384C6.12775 12.8363 6.12775 12.0222 5.62565 11.5201C5.12356 11.018 4.30948 11.018 3.80738 11.5201L1.23595 14.0916C0.733849 14.5937 0.733849 15.4077 1.23595 15.9098C1.73805 16.4119 2.55213 16.4119 3.05423 15.9098L5.62565 13.3384Z' fill='%23ABCDEB'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.2521 0.857704C13.9674 0.852229 13.6868 0.926524 13.4421 1.07219C13.1974 1.21786 12.9983 1.42909 12.8673 1.682L12.8609 1.69448L10.9178 5.60352L6.60756 6.25795C6.32419 6.2969 6.0574 6.41471 5.83766 6.59802C5.61511 6.78367 5.45001 7.02885 5.36167 7.30488C5.27335 7.58092 5.26543 7.87639 5.33886 8.15676C5.4118 8.43532 5.56206 8.68751 5.77218 8.88426L8.78186 11.7445C8.77468 11.7732 8.76899 11.8023 8.76482 11.8317L8.14494 16.1938C8.09287 16.4726 8.1195 16.7606 8.22213 17.0255C8.32884 17.3009 8.51316 17.5393 8.75273 17.7121C8.99231 17.8847 9.27684 17.9843 9.57184 17.9986C9.8597 18.0124 10.1455 17.9444 10.3962 17.8028L14.2285 15.774L18.0608 17.8028C18.3114 17.9444 18.5972 18.0124 18.8852 17.9986C19.1802 17.9843 19.4646 17.8847 19.7043 17.7121C19.9437 17.5393 20.128 17.3009 20.2348 17.0255C20.3391 16.7565 20.3649 16.4636 20.3096 16.1808L19.5777 11.836L22.6899 8.8563L22.7073 8.83956C22.9041 8.64016 23.0421 8.3902 23.1064 8.11749C23.1707 7.84478 23.1589 7.55963 23.0718 7.29328C22.9849 7.02693 22.8263 6.78966 22.6134 6.60746C22.4005 6.42527 22.1416 6.30518 21.8649 6.26037L21.8523 6.25831L17.5389 5.62608L15.5993 1.72435C15.478 1.47106 15.2891 1.25608 15.0533 1.10318C14.8144 0.948208 14.5369 0.86318 14.2521 0.857704Z' fill='%233B89E4'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.page-actions__empty-thanks p {
  margin: 12px 0 0;

  font-weight: 400;
  font-size: clamp(14px, 1.4cqi, 18px);
  line-height: 1.4;
  text-align: center;
  color: #4b5563;
}

/* ============================================================
   Планшет: до 900px
   ============================================================ */

@media (max-width: 900px) {

  .page-actions__empty-tell-us {
    background-position: calc(clamp(30px, 6vw, 50px) / 2 - clamp(18px, 1.8cqi, 26px) / 2) center;
  }

  .page-actions__empty-tell-us-content {
    margin: 0 clamp(30px, 6vw, 50px);
  }
}

/* ============================================================
   Мобильный: до 600px
   ============================================================ */

@media (max-width: 600px) {

  .page-actions__empty-survey-questions {
    grid-template-columns: 1fr;
  }

  .page-actions__empty-survey-footer {
    grid-template-columns: 1fr;
  }

  .page-actions__empty-survey-footer .action-card__btn {
    width: 100%;
  }

  .page-actions__empty-tell-us-content {
    margin: 0 0 0 36px;
  }

  .page-actions__empty-thanks p br {
    display: none;
  }
}

/* Форматирование содержимого hero-блока (SEO-текст раздела) */
.page-actions__empty-hero h2 {
    font-size: clamp(20px, 2cqi, 24px);
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: -0.01em;
    margin: 0 0 12px 0;
    color: #fff;
}

.page-actions__empty-hero h3 {
    font-size: clamp(16px, 1.6cqi, 20px);
    font-weight: 500;
    line-height: 1.3;
    margin: 0 0 10px 0;
    color: #fff;
}

.page-actions__empty-hero p {
    margin: 0 0 8px 0;
    line-height: 1.5;
}

.page-actions__empty-hero > *:last-child {
    margin-bottom: 0;
}