.poll { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-bottom: 60px; }
.poll:last-of-type { margin-bottom: 0; }

.poll__desc { display: flex; align-items: center; color: #000; font-size: 16px; line-height: normal; background: #F8F8F8; margin-bottom: 40px; padding: 20px; gap: 10px; }
.poll__desc a { color: #E02C2C; border-bottom: 1px dashed currentColor; }
.poll__desc a:hover { text-decoration: none; }
.poll__desc svg { flex-shrink: 0; }

.poll__card { position: relative; background: #F8F8F8; }

.poll__card-thumbnail { position: relative; }
.poll__card-thumbnail img { width: 100%; display: block; aspect-ratio: 32/25; object-fit: cover; height: auto; }

.poll__card-checkbox { position: absolute; right: 50%; bottom: 50%; opacity: 0; }
.poll__card-checkbox:checked ~ .poll__card-success { background-image: url('data:image/svg+xml,%3Csvg width="95" height="95" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M87.0837 47.5C87.0837 69.361 69.3614 87.0833 47.5003 87.0833C25.639 87.0833 7.91699 69.361 7.91699 47.5C7.91699 25.6387 25.639 7.91663 47.5003 7.91663C69.3614 7.91663 87.0837 25.6387 87.0837 47.5Z" fill="%23E02C2C"/%3E%3Cpath d="M63.4529 35.505C64.6123 36.6643 64.6123 38.544 63.4529 39.7033L43.6613 59.4949C42.5019 60.6543 40.6225 60.6543 39.4629 59.4949L31.5463 51.5783C30.3869 50.4189 30.3869 48.5395 31.5463 47.3801C32.7056 46.2207 34.5854 46.2207 35.7447 47.3801L41.5622 53.1972L50.4083 44.3512L59.2547 35.505C60.4141 34.3456 62.2935 34.3456 63.4529 35.505Z" fill="white"/%3E%3C/svg%3E'); background-color: rgba(0, 0, 0, 0.6); }

.poll__card-info { position: absolute; z-index: 10; right: 15px; top: 15px; font-size: 0; width: 24px; height: 24px; border: 1px solid #fff; background-color: #000; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 0; padding-left: 0.5px; }
.poll__card-info:hover { color: #000; background-color: #fff; }

.poll__card-success { position: absolute; left: 0; top: 0; right: 0; bottom: 0; cursor: pointer; z-index: 3; background-position: 50% 50%; background-repeat: no-repeat; transition: all 0.3s; margin: 0; }

.poll__card-title { color: #000; font-family: Ubuntu; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; padding: 20px; }

.anketa-full { display: none; width: 760px; padding: 40px; }
.anketa-full .fancybox-close-small { width: 35px; height: 35px; right: 15px; top: 15px; background-size: 100% 100%; background-repeat: no-repeat; opacity: 1; transition: all 0.3s; background-image: url('data:image/svg+xml,%3Csvg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M11 20.625C5.68425 20.625 1.375 16.3144 1.375 11C1.375 5.68563 5.68425 1.375 11 1.375C16.3158 1.375 20.625 5.68563 20.625 11C20.625 16.3144 16.3158 20.625 11 20.625ZM11 0C4.92456 0 0 4.9225 0 11C0 17.0775 4.92456 22 11 22C17.0754 22 22 17.0775 22 11C22 4.9225 17.0754 0 11 0ZM14.9304 7.06752C14.6595 6.7994 14.2216 6.7994 13.9507 7.06752L10.9959 10.0237L8.08362 7.10873C7.81481 6.8406 7.37893 6.8406 7.1115 7.10873C6.84268 7.37685 6.84268 7.81688 7.1115 8.08501L10.0238 10.9931L7.09089 13.9288C6.82071 14.1969 6.82071 14.6368 7.09089 14.9118C7.36177 15.18 7.80037 15.18 8.07124 14.9118L11.0041 11.9763L13.9164 14.8913C14.1852 15.1594 14.6211 15.1594 14.8892 14.8913C15.158 14.6231 15.158 14.1831 14.8892 13.915L11.9762 11.0069L14.9304 8.0506C15.2006 7.7756 15.2006 7.34252 14.9304 7.06752Z" fill="%235E5E5E%22/%3E%3C/svg%3E'); }
.anketa-full .fancybox-close-small:hover { transform: rotate(90deg); }
.anketa-full .fancybox-close-small * { display: none; }

.anketa-full__info { color: #5E5E5E; font-family: Ubuntu; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; }
.anketa-full__info *:last-child { margin-bottom: 0; }

.anketa-full__title { margin-bottom: 30px; font-size: 36px; font-weight: bold; }

.anketa-full__text ul, .anketa-full__text ol { margin-left: 20px; }
.anketa-full__text *:last-child { margin-bottom: 0; }

.poll__footer { display: flex; align-items: center; position: relative; background: #F8F8F8; padding: 20px; color: #000; font-family: Ubuntu; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; }
.poll__footer:nth-child(2n+1) { padding: 60px 20px; }

.poll__form { position: relative; background: #F8F8F8; display: flex; flex-direction: column; }
.poll__form:nth-child(2n+1) .poll__form-title { flex: 0 0 auto; padding-top: 60px; padding-bottom: 60px; }

.poll__form-over, .poll__form-answer { position: absolute; background: #F8F8F8; display: flex; align-items: center; padding: 20px; color: #000; font-family: Ubuntu; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; z-index: 3; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none; }
.poll__form-over.active, .active.poll__form-answer { opacity: 1; pointer-events: all; }

.poll__form-title { flex: 0 0 50%; padding: 20px; border-bottom: 1px solid #ccc; font-size: 20px; line-height: normal; color: #000; }

.poll__form-inner { padding: 20px; }

.poll__form-question { color: #000; font-family: Ubuntu; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 20px; }

.poll__form-input { padding-bottom: 20px; }

.poll__input { width: 100%; background: #FFF; height: 50px; padding-left: 20px; border: 0; color: #000; font-family: Ubuntu; font-size: 16px; }

.poll__submit { background: #E02C2C; width: 100%; color: #FFF; text-align: center; font-family: Ubuntu; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; height: 50px; transition: all 0.3s; cursor: pointer; margin-bottom: 12px; }
.poll__submit:hover { opacity: 0.7; }
.poll__submit[disabled] { filter: grayscale(100%); pointer-events: none; }

.poll__form-button { padding-bottom: 12px; }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

input[type=number] { -moz-appearance: textfield; }

.poll__acceptance { display: flex; color: #000; text-align: center; font-family: Ubuntu; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; gap: 10px; }
.poll__acceptance a { color: #E02C2C; border-bottom: 1px dashed currentColor; }
.poll__acceptance a:hover { text-decoration: none; }
.poll__acceptance input { border: 1px solid #E02C2C; width: 15px; height: 15px; flex-shrink: 0; }
.poll__acceptance input:checked { background: #E02C2C; box-shadow: inset 0 0 0 2px #F8F8F8 !important; }

.poll_status_voted .poll__card-success, .poll_status_voted .poll__card-checkbox, .poll_status_ended .poll__card-success, .poll_status_ended .poll__card-checkbox, .poll_status_not_started .poll__card-success, .poll_status_not_started .poll__card-checkbox { display: none; }
.poll_status_voted .poll__card-thumbnail::after, .poll_status_ended .poll__card-thumbnail::after, .poll_status_not_started .poll__card-thumbnail::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 3; }

@media (max-width: 767px) { .poll { gap: 10px; }
  .poll__form-title { flex: 1 1 auto; padding: 20px !important; }
  .poll__footer { padding: 20px !important; } }
@media (max-width: 575px) { .poll { grid-template-columns: 1fr; }
  .poll__card-success { background-size: 74px 74px; }
  .poll__desc { flex-wrap: wrap; }
  .fancybox-slide:has(.anketa-full) { padding: 0; }
  .anketa-full { padding: 10px 20px 10px 10px; min-height: 100%; }
  .anketa-full .fancybox-close-small { right: 10px; top: 10px; }
  .anketa-full__title { font-size: 24px; margin-right: 20px; } }