.elementor .e-c1883ee-1cb2b35{width:100px;margin-block-end:var(--space-16);}.elementor .e-837bbcd-d4d60a0{margin-block-end:var(--space-16);}.elementor .e-66467f5-01dddc0{margin-block-end:var(--space-24);}.elementor .e-f9d22c1-9876816{min-height:54px;border-radius:8px;border-width:1px;border-color:var(--border-purple);background-color:var(--purple-lite);}.elementor .e-f9d22c1-9876816:focus{border-color:var(--border-purple);}.elementor .e-d68d6a3-84403b3{margin-block-start:var(--space-16);}.elementor .e-f24c369-b6bbd65{min-height:54px;border-radius:8px;border-width:1px;border-color:var(--border-purple);background-color:var(--purple-lite);}.elementor .e-f24c369-b6bbd65:focus{border-color:var(--border-purple);}.elementor .e-dbb2fb9-d8e6402{margin-block-start:var(--space-16);}.elementor .e-39723b9-b3102d2{display:flex;flex-direction:row;}.elementor .e-e8cf14c-3a41b1b{display:flex;flex-direction:row;}.elementor .e-c02d649-33c0903{display:flex;flex-direction:row;}.elementor .e-f42ad96-5ff5e9f{flex-direction:row;/* 1. Выстраиваем общий контейнер в горизонтальную строку */
.custom-radio-group {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  width: 100% !important;
}

/* 2. Прячем радиокнопку БЕЗ display:none (чтобы не ломался первый клик и фокус) */
.contact-pill input[type="radio"],
.contact-pill [role="radio"],
.contact-pill .e-form__radio {
  position: absolute !important;
  opacity: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  pointer-events: none !important;
}

/* 3. Внешняя обертка плашки: УБИРАЕМ padding, чтобы не было мертвых зон по краям */
.contact-pill {
  display: inline-flex !important;
  background-color: #F4EFF7 !important;
  border: 1px solid #CDB8D6 !important;
  border-radius: 8px !important;
  transition: all 0.2s ease !important;
  margin: 0px !important;
  padding: 0px !important; /* Важно! Паддинг перенесен в label */
  overflow: hidden !important;
}

/* 4. Ярлык (Label) становится САМОЙ кнопкой на 100% площади */
.contact-pill label,
.contact-pill .elementor-widget-label,
.contact-pill [class*="label"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  padding: 10px 20px !important; /* Вся кликабельная зона теперь здесь */
  margin: 0px !important;
  cursor: pointer !important;
  user-select: none !important;
}

/* 5. Отключаем перехват клика текстом внутри ярлыка */
.contact-pill label * {
  pointer-events: none !important;
}

/* 6. Эффект при наведении (Hover) */
.contact-pill:hover {
  background-color: #f0eaf3 !important;
  border-color: #CDB8D6 !important;
}

/* 7. Фиолетовая подсветка ВЫБРАННОЙ плашки */
.contact-pill:has(input:checked) {
  background-color: #8F5BAF !important;
  border-color: #8F5BAF !important;
}

/* 8. Белый текст внутри активной плашки */
.contact-pill:has(input:checked) * {
  color: #ffffff !important;
}\n}.elementor .e-cf05543-2182039{min-width:1.15em;min-height:1.15em;align-self:start;}.elementor .e-c3a3670-f228ade{margin-block-start:var(--space-16);margin-block-end:var(--space-16);flex-direction:row;}.elementor .e-927cb74-34bb776{width:100%;height:56px;min-height:56px;background-color:var(--purple-2);}.elementor .e-927cb74-34bb776:hover,.elementor .e-927cb74-34bb776:focus-visible{background-color:var(--purple-2-hover);}.elementor .e-ac7110a-38d8af9{gap:0px;}.elementor .e-6c8b39f-2ccf36e{width:65%;justify-content:space-between;}.elementor .e-5b4e0c1-b8039c0{background-image:linear-gradient(90deg, rgba(255, 255, 255, 1) 40%,rgba(255, 255, 255, 0) 100%),url("https://life-dev.ru/wp-content/uploads/2026/08/bg-p_converted.webp");background-repeat:repeat,no-repeat;background-attachment:scroll;background-size:auto auto,cover;background-position:0% 0%,center center;flex-direction:row;}