﻿/* Базовый стиль псевдоэлементов без блюра */
              #rec863968592 .tn-elem[data-elem-id="1725217369121"]::before,
              #rec863968592 .tn-elem[data-elem-id="1725220176227"]::before,
              #rec863968592 .tn-elem[data-elem-id="1725220285972"]::before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                backdrop-filter: none;
                /* По умолчанию блюр скрыт */
                border-bottom-left-radius: 25px;
                border-bottom-right-radius: 25px;
                z-index: -1;
                /* Помещаем позади контента */
                transition: backdrop-filter 0.3s ease;
                /* Плавное изменение */
              }

              #rec863968592 .tn-elem[data-elem-id="1725217369121"] .tn-atom,
              #rec863968592 .tn-elem[data-elem-id="1725220176227"] .tn-atom,
              #rec863968592 .tn-elem[data-elem-id="1725220285972"] .tn-atom {
                border-bottom-left-radius: 25px !important;
                border-bottom-right-radius: 25px !important;
              }

              /* Стили для .plashka_blur1 с плавным появлением */
              .plashka_blur11 {
                border-bottom-left-radius: 25px;
                border-bottom-right-radius: 25px;
                backdrop-filter: blur(10px);
                /* Добавляем фоновый блюр */
                opacity: 0;
                visibility: hidden;
                transition: opacity 1.0s ease, visibility 1.0s ease, backdrop-filter 2.5s ease;
                /* Плавный переход */
              }

              /* Когда элемент виден при наведении на триггер */
              .trigger11:hover~.plashka_blur11 {
                opacity: 1;
                visibility: visible;
              }

              /* Стили для .plashka_blur2 с плавным появлением */
              .plashka_blur12 {
                border-bottom-left-radius: 25px;
                border-bottom-right-radius: 25px;
                backdrop-filter: blur(10px);
                /* Добавляем фоновый блюр */
                opacity: 0;
                visibility: hidden;
                transition: opacity 1.0s ease, visibility 1.0s ease, backdrop-filter 2.5s ease;
                /* Плавный переход */
              }

              /* Когда элемент виден при наведении на триггер */
              .trigger12:hover~.plashka_blur12 {
                opacity: 1;
                visibility: visible;
              }

              /* Стили для .plashka_blur3 с плавным появлением */
              .plashka_blur13 {
                border-bottom-left-radius: 25px;
                border-bottom-right-radius: 25px;
                backdrop-filter: blur(10px);
                /* Добавляем фоновый блюр */
                opacity: 0;
                visibility: hidden;
                transition: opacity 1.0s ease, visibility 1.0s ease, backdrop-filter 2.5s ease;
                /* Плавный переход */
              }

              /* Когда элемент виден при наведении на триггер */
              .trigger13:hover~.plashka_blur13 {
                opacity: 1;
                visibility: visible;
              }