.elementor-744 .elementor-element.elementor-element-ddad095{padding:0px 0px 0px 0px;}.elementor-744 .elementor-element.elementor-element-8a603b7 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-744 .elementor-element.elementor-element-fc04a95{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-744 .elementor-element.elementor-element-fc04a95 > .elementor-widget-container{padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-fc04a95 *//* === БАННЕР — восстановленный и адаптивный === */
.plant-banner {
  position: relative;
  width: 100%;
  overflow: hidden;               /* важно: чтобы листья не вылезали */
  min-height: 640px;
  padding: 60px 5%;               /* 5% по бокам — гибко для разных экранов */
  display: flex;
  align-items: center;            /* на десктопе центр по вертикали */
  justify-content: flex-start;    /* текст слева */
  box-sizing: border-box;

  background-image: url("https://greenoasis-flo.ru/wp-content/uploads/2025/11/banner-florariumy-s-bonsay.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* === ЛИСТЬЯ — возвращаем в левую зону, не даём вылезать === */
.plant-leaves {
  position: absolute;
  bottom: -60px;                  /* умеренный отрицательный отступ, не слишком большой */
  left: 20%;
  transform: translateX(-55%);    /* твой исходный сдвиг */
  width: 440px;                   /* ближе к оригиналу */
  z-index: 2;
  animation: sway 6s ease-in-out infinite alternate;
  transform-origin: bottom center;
  filter: blur(2px) drop-shadow(0 6px 8px rgba(0, 0, 0, 0.18));
  pointer-events: none;
}

/* === АНИМАЦИЯ === */
@keyframes sway {
  0%   { transform: translateX(-55%) rotate(0deg); }
  50%  { transform: translateX(-55%) rotate(2deg); }
  100% { transform: translateX(-55%) rotate(-2deg); }
}

/* === ТЕКСТ — НЕ СДВИГАЕМ блок через margin-left === */
.banner-text {
  position: relative;
  z-index: 3;
  color: #000000 !important;
  text-align: left;
  font-family: "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
  padding: 20px;
  max-width: 700px;
  margin: 0;                       /* убираем любые margin-left, которые ломали адаптив */
  box-sizing: border-box;
}

/* Подложка под текст */
.banner-text::before {
  content: "";
  position: absolute;
  left: -10px;
  top: -10px;
  right: -30px;
  bottom: -10px;
  backdrop-filter: blur(6px) brightness(1.15);
  background: rgba(255, 255, 255, 0.3);
  border-radius: 14px;
  z-index: -1;
}

/* Заголовок */
.banner-text h3 {
  font-size: 38px !important;
  margin-bottom: 18px;
  line-height: 1.15;
}

/* Список и кнопка — без изменений логики */
.banner-list { list-style: none; padding: 0; margin: 0 0 28px 0; }
.banner-list li { margin: 8px 0; font-size: 1.9rem; color: #2e2e2e; position: relative; padding-left: 20px; }
.banner-list li::before { content: "•"; position: absolute; left: 0; color: #a68152; font-size: 1.9rem; line-height: 2.9rem; }
.banner-btn { display: inline-block; padding: 10px 40px; background-color: #e6dcc7; color: #3a3a3a; text-decoration: none; font-size: 1.8rem; border-radius: 6px; transition: all .25s; box-shadow: 0 2px 6px rgba(0,0,0,.08); }

/* === АДАПТАЦИЯ — универсальная, НЕ ломает десктоп === */

/* планшеты / мелкие ноутбуки */
@media (max-width: 1024px) {
  .plant-banner { min-height: 480px; padding: 50px 6%; }
  .plant-leaves { width: 360px; bottom: -90px; left: 50%; transform: translateX(-50%); } /* переносим листья к центру на средних экранах */
  .banner-text { max-width: 85%; padding: 18px; }
}

/* мобильные — все гаджеты (универсально) */
@media (max-width: 768px) {
  .plant-banner {
    min-height: 420px;
    padding: 36px 6%;
    align-items: center;         /* центрируем по горизонтали на телефонах */
    justify-content: center;
  }

  .plant-leaves {
    width: 300px;
    bottom: -80px;
    left: 50%;
    transform: translateX(-50%); /* листья уезжают в центр на мобильных (обычно лучше визуально) */
  }

  .banner-text {
    max-width: 100%;
    text-align: center;          /* читаемость на мобильных */
    padding: 14px;
  }

  .banner-text::before {
    left: -6px; right: -6px; top: -6px; bottom: -6px;
  }

  .banner-text h3 { font-size: 26px !important; }
  .banner-list li { font-size: 1.6rem; }
  .banner-btn { font-size: 20px; padding: 10px 28px; }
}

/* очень маленькие экраны */
@media (max-width: 480px) {
  .plant-banner { min-height: 360px; padding: 30px 6%; }
  .plant-leaves { width: 240px; bottom: -60px; }
  .banner-text { padding: 10px; }
}/* End custom CSS */