/* mod_freudcompatibility — базовые стили виджета (сняты с live inline CSS) */
.freud-cmtblt{width:100%;height:auto}
.freud-cmtblt .freud-cmtblt-wrap{width:100%;height:100%;display:flex;justify-content:center;box-sizing:border-box;position:relative}
.freud-cmtblt .freud-cmtblt-item{padding:20px 20px 110px;flex-grow:1;display:flex;justify-content:center;flex-direction:column;align-items:center}
.freud-cmtblt button{border:none;padding:10px 20px;text-align:center;text-transform:uppercase;border-radius:5px;outline:none;position:absolute;bottom:25px}
.freud-cmtblt a{display:block;position:absolute;bottom:5px;right:10px}
/*
 * Селекты формы: на live белый фон/рамку даёт общий стиль шаблона Helix
 * (select:not(.form-select):not(.form-control)); у нас Tailwind preflight его
 * сбрасывает — воспроизводим тем же значением, scoped к виджету.
 */
.freud-cmtblt select{display:block;width:100%;padding:0.5rem 0.5rem;font-size:1rem;line-height:1.25;color:#495057;background-color:#fff;background-image:none;background-clip:padding-box;border:1px solid rgba(0,0,0,0.15);border-radius:0.25rem;height:calc(2.25rem + 2px);transition:border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s}
/* мобильная раскладка — на live внутри @media модуля */
@media (max-width: 600px) {
  .freud-cmtblt .freud-cmtblt-wrap{flex-direction:column;align-items:center}
  .freud-cmtblt .cmtblt-item-left{padding:20px 20px 30px}
  .freud-cmtblt .freud-cmtblt-item{width:100%}
}