/* ТОЧНОЕ правило ТОЛЬКО для вашего виджета */
#widget-container {
  background-color: #ffffff !important; /* Белый фон для самого виджета */
}

/* Находим родительский блок Tilda, который содержит виджет */
.t396:has(#widget-container),
.t400:has(#widget-container),
.t466:has(#widget-container),
.t394:has(#widget-container),
.t-block:has(#widget-container) {
  background-color: #f9f9f9 !important;
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

/* Отступы на мобильных */
@media (max-width: 768px) {
  .t396:has(#widget-container),
  .t400:has(#widget-container),
  .t466:has(#widget-container),
  .t394:has(#widget-container),
  .t-block:has(#widget-container) {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
}

@media (max-width: 480px) {
  .t396:has(#widget-container),
  .t400:has(#widget-container),
  .t466:has(#widget-container),
  .t394:has(#widget-container),
  .t-block:has(#widget-container) {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}