@media (min-width: 640px) and (max-width: 959px) {
  #rec2334763351 .tmenu-mobile__container { padding-left: 32px !important; }
}
@media (min-width: 960px) and (max-width: 1199px) {
  #rec2334763351 .t-menu-base__maincontainer { padding-left: 40px !important; }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  #rec2334763351 .t-menu-base__maincontainer { padding-left: 80px !important; }
}
@media (min-width: 1600px) {
  #rec2334763351 .t-menu-base__maincontainer { padding-left: 80px !important; }
}

.hover-card {
  transition: all .3s ease !important;
  cursor: pointer;
}
.hover-card:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 16px 40px rgba(0,0,0,.18) !important;
  border-radius: 12px !important;
}
.glass-form-background {
  background: rgba(255, 255, 255, 0.06) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25) !important;
}
/* стекло только в состоянии "при скролле" */
#rec2334763351 .t-menu-base {
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  transition: background-color .3s ease !important;
  border-bottom: 1px solid rgba(255,255,255,0.10) !important;
}
/* Подложка: тёмная, БЕЗ рамки и БЕЗ стекла */
/* Стекло и рамка — ТОЛЬКО на полях */
.glass-form .t-input {
  background: rgba(255,255,255,0.06) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 12px !important;
  color: #fff !important;
  box-shadow: none !important;
}

.glass-form .t-input:focus {
  border-color: #F5A623 !important;
  outline: none !important;
}
.glass-background {
  background: #1A1D21 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 24px !important;
}
.case-card {
  border: 1px solid #EEF0F2 !important;
  border-radius: 12px !important;
  transition: all .25s ease !important;
  cursor: pointer;
}
.case-card:hover {
  border-color: #F5A623 !important;
}
.case-tag {
  background: rgba(15,15,15,0.45) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(255,255,255,0.20) !important;
  border-radius: 999px !important;
  color: #ffffff !important;
}
/* ===== FAQ #rec2412600441 — гаттер по нашей сетке ===== */

/* 1600+ : гаттер 80 */
@media (min-width: 1600px) {
  #rec2412600441 .t-container,
  #rec2412600441 .t-container_100 {
    max-width: 100% !important;
    padding-left: 80px !important;
    padding-right: 80px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* 1200–1599 : гаттер 80 */
@media (min-width: 1200px) and (max-width: 1599px) {
  #rec2412600441 .t-container,
  #rec2412600441 .t-container_100 {
    max-width: 100% !important;
    padding-left: 80px !important;
    padding-right: 48px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* 960–1199 : гаттер 40 */
@media (min-width: 960px) and (max-width: 1199px) {
  #rec2412600441 .t-container,
  #rec2412600441 .t-container_100 {
    max-width: 100% !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* 640–959 : гаттер 32 */
@media (min-width: 640px) and (max-width: 959px) {
  #rec2412600441 .t-container,
  #rec2412600441 .t-container_100 {
    max-width: 100% !important;
    padding-left: 32px !important;
    padding-right: 32px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* 480–639 : гаттер 24 */
@media (min-width: 480px) and (max-width: 639px) {
  #rec2412600441 .t-container,
  #rec2412600441 .t-container_100 {
    max-width: 100% !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* до 479 : гаттер 20 */
@media (max-width: 479px) {
  #rec2412600441 .t-container,
  #rec2412600441 .t-container_100 {
    max-width: 100% !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
/* === Кнопка со светлым стеклом === */
.glass-btn {
  background: rgba(255, 255, 255, 0.18) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  transition: all .25s ease !important;
  cursor: pointer;
}

.glass-btn:hover {
  background: rgba(255, 255, 255, 0.28) !important;
  border-color: rgba(255, 255, 255, 0.50) !important;
}
/* === Кнопка со светлым стеклом === */
.t-menu-base__button {
  background: rgba(255, 255, 255, 0.18) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  transition: all .25s ease !important;
  cursor: pointer;
}

.t-menu-base__button:hover {
  background: rgba(255, 255, 255, 0.28) !important;
  border-color: rgba(255, 255, 255, 0.50) !important;
}





#rec2468430361 .t396__artboard {
top: 20px !important;
    left: 40px !important;
    right: 40px !important;
    max-width: min(1200px, calc(100% - 80px)) !important;
    min-width: 0 !important;        /* обязательно, иначе Tilda перебьёт */
    margin: 0 auto !important;      /* центрируем */
    transform: none !important;
    border-radius: 60px !important;

padding: 0 20px !important;      /* убивает calc-формулу Tilda */
    align-items: center !important;
 
    background-color: rgba(255, 255, 255, 0.45) !important;
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    backdrop-filter: blur(20px) saturate(150%);
 
    border: 1px solid rgba(255, 255, 255, 0.45) !important;
    box-shadow: 0 8px 32px rgba(47, 51, 57, 0.10) !important;
    transition: background-color .3s ease;
}
 
 
/* --- 3. СНЯТЬ ШТОРКУ TILDA ----------------------------- */
/* ЭТО ЛЕЧИТ СЕРУЮ ПОЛОСУ. Пробел после ID!               */
 
#rec2468430361 .t396__filter {
    display: none !important;
}
 
 
/* --- 4. ОБЁРТКА БЕЗ ФОНА ------------------------------- */
/* Чтобы под капсулой не было своего фона                  */
 
#rec2468430361 .t396 {
    background-color: transparent !important;
}
 
 
/* --- 5. МОБИЛЬНЫЕ -------------------------------------- */
 
@media screen and (max-width: 640px) {
    #rec2468430361 .t396__artboard {
        max-width: calc(100% - 24px) !important;
        margin: 10px auto 0 !important;
        border-radius: 40px !important;
        -webkit-backdrop-filter: blur(14px) saturate(140%);
        backdrop-filter: blur(14px) saturate(140%);
    }
}
 
 
/* --- 6. ФОЛБЭК ----------------------------------------- */
 
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
    #rec2468430361 .t396__artboard {
        background-color: rgba(255, 255, 255, 0.90) !important;
    }
}
 
 @media screen and (max-width: 639px) {
    html body #rec2468430361 .t396__artboard {
        top: 12px !important;
        left: 16px !important;
        right: 16px !important;
        max-width: calc(100% - 32px) !important;
    }
}
 
/* =========================================================


/* Пункты меню: плавная смена цвета */
#rec2468430361 .tn-elem[data-elem-id="175749445996351320"] .tn-atom,
#rec2468430361 .tn-elem[data-elem-id="175749446127065910"] .tn-atom,
#rec2468430361 .tn-elem[data-elem-id="175749446259999500"] .tn-atom,
#rec2468430361 .tn-elem[data-elem-id="175749446689148000"] .tn-atom {
    transition: color 0.25s ease !important;
}

/* Оранжевый при наведении */
#rec2468430361 .tn-group[data-group-id="175749445996340840"]:hover .tn-elem[data-elem-id="175749445996351320"] .tn-atom,
#rec2468430361 .tn-group[data-group-id="175749446127090400"]:hover .tn-elem[data-elem-id="175749446127065910"] .tn-atom,
#rec2468430361 .tn-group[data-group-id="175749446259849640"]:hover .tn-elem[data-elem-id="175749446259999500"] .tn-atom,
#rec2468430361 .tn-group[data-group-id="175749446689136860"]:hover .tn-elem[data-elem-id="175749446689148000"] .tn-atom {
    color: #E9532C !important;
}

/* Контакты в шапке */
#rec2468430361 a[href^="mailto:"] .tn-atom,
#rec2468430361 a[href^="tel:"] .tn-atom {
    color: #2F3339 !important;
    transition: color 0.25s ease !important;
}
#rec2468430361 a[href^="mailto:"]:hover .tn-atom,
#rec2468430361 a[href^="tel:"]:hover .tn-atom {
    color: #E9532C !important;
}

/* ===== МЕНЮ В БУРГЕРЕ ===== */

/* Скрим вокруг панели — только цвет, без стекла */
#rec2431882961 .t-popup {
    background-color: rgba(47, 51, 57, 0.35) !important;
}

/* Контейнер попапа — полностью чистый, иначе Backdrop Root убьёт стекло группы */
#rec2431882961 .t-popup__container {
    background-color: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* Артборд блока — прозрачный */
#rec2431882951 .t396__artboard {
    background-color: transparent !important;
}
#rec2431882951 .t396__filter {
    display: none !important;
}

/* ПАНЕЛЬ — тёмное стекло */
#rec2431882951 .glmenu {
    background-color: rgba(47, 51, 57, 0.85) !important;   /* ← плотность */
    -webkit-backdrop-filter: blur(24px) saturate(140%) !important;
    backdrop-filter: blur(24px) saturate(140%) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 32px !important;                        /* ← радиус */
    box-shadow: 0 8px 32px rgba(47, 51, 57, 0.25) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}


/* Плашка карточек преимуществ — белое стекло */
#rec2477246231 .glcard > .tn-molecule {
    background-color: rgba(255, 255, 255, 0.65) !important;
    -webkit-backdrop-filter: blur(12px) saturate(130%) !important;
    backdrop-filter: blur(12px) saturate(130%) !important;
    border-radius: 12px !important;
}
#rec2477130381 .t396__artboard {
    background:
        radial-gradient(1200px 600px at 70% 0%, rgba(233, 83, 44, 0.06), transparent 60%),
        linear-gradient(180deg, #2A2E34 0%, #1A1D21 100%) !important;
}

/* ===== КЕЙСЫ: фон — тёмный градиент ===== */
#rec2478200041 .t396__artboard {
   /* background:
        radial-gradient(1200px 600px at 70% 0%, rgba(233, 83, 44, 0.06), transparent 60%),
        linear-gradient(180deg, #2A2E34 0%, #1A1D21 100%) !important;*/
}

/* Шторка Tilda поверх артборда — убрать, если фон помутнеет */
#rec2478200041 .t396__filter {
    display: none !important;
}

/* ===== КЕЙСЫ: карточки — едва заметное тёмное стекло ===== */
#rec2478200041 .glcase,
#rec2478200041 .glcase > .tn-molecule {
    background-color: rgba(255, 255, 255, 0.03) !important;   /* ← плотность */
    -webkit-backdrop-filter: blur(12px) !important;
    backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;   /* ← кромка */
    border-radius: 12px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}


/* ===== ЭТАПЫ: hover карточки ===== */

/* Карточка: невидимая обводка, чтобы hover не дёргал размер */
#rec2469223961 .stage,
#rec2469223961 .stage > .tn-molecule {
    border: 1px solid transparent !important;
    border-radius: 12px !important;
    transition: border-color 0.25s ease, background-color 0.25s ease !important;
    box-sizing: border-box !important;
}

/* Наведение: оранжевая кромка + лёгкая заливка */
#rec2469223961 .stage:hover,
#rec2469223961 .stage:hover > .tn-molecule {
    border-color: rgba(233, 83, 44, 0.60) !important;
    background-color: rgba(233, 83, 44, 0.05) !important;
}

/* Цифра: плавно в оранжевый */
#rec2469223961 .stnum .tn-atom {
    transition: color 0.25s ease !important;
}
#rec2469223961 .stage:hover .stnum .tn-atom {
    color: #E9532C !important;
}


/* Стеклянная подложка карточки контактов поверх карты (блок T554) */
#rec2824484001 .t554__card {
    background-color: rgba(255, 255, 255, 0.65) !important; /* плотность 0.80 — канон */
    -webkit-backdrop-filter: blur(24px) saturate(150%);      /* Safari */
    backdrop-filter: blur(24px) saturate(150%);
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow: 0 8px 32px rgba(47, 51, 57, 0.10);
}


/* ===== Боли: фон — тёмный градиент 
#rec2954591401 .t396__artboard {
    background:
        radial-gradient(1200px 600px at 70% 0%, rgba(233, 83, 44, 0.06), transparent 60%),
        linear-gradient(180deg, #2A2E34 0%, #1A1D21 100%) !important;
}
*/

/* Плашка карточек задачи — белое стекло */
.pain-card-accent {
  background: linear-gradient(
    180deg,
    rgba(233, 83, 44, 0.22) 0%,
    rgba(233, 83, 44, 0.08) 100%
  ) !important;

  border: 1px solid rgba(233, 83, 44, 0.95) !important;
  border-radius: 20px !important;

  box-shadow:
    0 0 30px rgba(233, 83, 44, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);

  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  transition: all 0.3s ease;
}

.pain-card-accent:hover {
  transform: translateY(-4px);

  box-shadow:
    0 10px 40px rgba(233, 83, 44, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.pain-card {
  background: rgba(255, 255, 255, 0.035) !important;

  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 20px !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.03);

  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  transition: all 0.3s ease;
}

.pain-card:hover {
  transform: translateY(-4px);

  border-color: rgba(255, 255, 255, 0.22) !important;

  box-shadow:
    0 10px 30px rgba(0, 0, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}


/* Карточки почему мы  */
.problem-card{
    position: relative;
    overflow: hidden;

    background:
        radial-gradient(circle at 15% 10%,
        rgba(255,255,255,.05) 0%,
        rgba(255,255,255,0) 40%),

        linear-gradient(
        145deg,
        #363636 0%,
        #2a2a2a 45%,
        #1f1f1f 100%);

    border-radius:12px;

    box-shadow:
        0 30px 60px rgba(0,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.06);

    border:1px solid rgba(255,255,255,.05);
}
.solution-card{
    position: relative;
    overflow: hidden;

    background:
        radial-gradient(circle at 15% 10%,
        rgba(255,255,255,.14) 0%,
        rgba(255,255,255,0) 40%),

        linear-gradient(
        145deg,
        #ff7a12 0%,
        #ff6514 45%,
        #ef4b24 100%);

    border-radius:28px;

    box-shadow:
        0 30px 60px rgba(255,106,0,.18),
        inset 0 1px 0 rgba(255,255,255,.18);

    border:1px solid rgba(255,255,255,.15);
}
.problem-card hr,
.solution-card hr{

    border:none;
    height:1px;

    background:rgba(255,255,255,.12);

    margin:28px 0;

}

.problem-icon{

    width:74px;
    height:74px;

    border-radius:10,93px;

    background:rgba(255,255,255,.05);

    backdrop-filter:blur(12px);

    border:1px solid rgba(255,255,255,.05);

}

.solution-icon{

    width:74px;
    height:74px;

    border-radius:11,56px;

    background:rgba(255,255,255,.14);

    backdrop-filter:blur(12px);

    border:1px solid rgba(255,255,255,.18);

}

/* Стеклянная панель */
.about-glass-dark{
    position: relative;
    overflow: hidden;

    background:
        linear-gradient(
            180deg,
            rgba(56, 64, 75, 0.60) 0%,
            rgba(42, 49, 58, 0.52) 35%,
            rgba(30, 36, 45, 0.48) 70%,
            rgba(22, 27, 35, 0.56) 100%
        );

    backdrop-filter: blur(24px) saturate(130%);
    -webkit-backdrop-filter: blur(24px) saturate(130%);

    border: 1px solid rgba(255,255,255,.14);
    border-radius: 32px;

    box-shadow:
        0 24px 60px rgba(0,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.10);
}

.about-glass-dark::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;

    background:
        radial-gradient(
            circle at 25% 0%,
            rgba(255,255,255,.10) 0%,
            rgba(255,255,255,.03) 30%,
            transparent 60%
        );
}
.about-glass-dark{
    transition:
        transform .35s cubic-bezier(.2,.8,.2,1),
        box-shadow .35s cubic-bezier(.2,.8,.2,1),
        border-color .35s ease;
}

.about-glass-dark:hover{
    transform: translateY(-8px);

    border-color: rgba(255,255,255,.22);

    box-shadow:
        0 36px 80px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.14);
}
/* Стеклянная панель светлая */

.about-glass{
    position: relative;
    overflow: hidden;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.28) 0%,
            rgba(220,228,238,0.22) 24%,
            rgba(90,98,110,0.38) 52%,
            rgba(35,39,46,0.72) 78%,
            rgba(22,25,30,0.84) 100%
        );

    backdrop-filter: blur(26px) saturate(125%);
    -webkit-backdrop-filter: blur(26px) saturate(125%);

    border: 1px solid rgba(255,255,255,0.28);
    border-radius: 32px;

    box-shadow:
        0 24px 70px rgba(10,14,20,0.22),
        inset 0 1px 0 rgba(255,255,255,0.24);

    transition:
        transform .35s cubic-bezier(.2,.8,.2,1),
        box-shadow .35s cubic-bezier(.2,.8,.2,1),
        border-color .35s ease;
}

.about-glass::before{
    content:"";
    position:absolute;
    inset:0;

    background:
        radial-gradient(
            circle at 25% 0%,
            rgba(255,255,255,0.16) 0%,
            rgba(255,255,255,0.05) 30%,
            transparent 58%
        );

    pointer-events:none;
}

.about-glass:hover{
    transform: translateY(-8px) scale(1.01);

    border-color: rgba(255,255,255,0.36);

    box-shadow:
        0 36px 85px rgba(10,14,20,0.28),
        inset 0 1px 0 rgba(255,255,255,0.30);
}

/* Анимация текста в блоке решения */

/* Вся карточка */
.service-card {
    position: relative !important;
    overflow: hidden !important;

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}

/* Текстовый контейнер поверх фото */
.service-content {
    position: relative !important;
    z-index: 2 !important;
}

/* Скрытое описание */
.service-desc {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transform: translateY(10px);

    transition:
        opacity .25s ease,
        transform .3s ease,
        max-height .35s ease,
        margin-top .3s ease;
}

/* Наведение на карточку */
.service-card:hover {
    transform: translateY(-3px);

    box-shadow:
        inset 0 0 0 1000px rgba(11, 15, 20, .55);
}

/* Показываем описание */
.service-card:hover .service-desc {
    opacity: 1;
    max-height: 180px;
    transform: translateY(0);
    margin-top: 14px;
}

.service-content {
    position: relative !important;
    z-index: 2 !important;

    padding: 20px !important;
    border-radius: 10px;

    background: rgba(15, 19, 24, 0);

    transition:
        background .3s ease;
}

.service-card:hover .service-content {
    background: rgba(15, 19, 24, .62);
}


/* Фото о компании */
#rec2974448501 {
    background-attachment: fixed !important;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

}





//* ===== Стеклянные кружки для соц-иконок в футере (v3, флекс Zero Block) =====
   Старую версию CSS удалить! Вставить эту: Настройки сайта → Дополнительно →
   HTML-код внутрь HEAD, обернув в ....

   Логика: стекло рисуется псевдоэлементом ::before на .tn-elem —
   он лежит ПОД иконкой (.tn-atom), поэтому картинку не перекрывает
   и её фоновые стили мы вообще не трогаем. */

#rec4010527001 [data-elem-id="1784282821482000005"],
#rec4010527001 [data-elem-id="1784283146172000009"],
#rec4010527001 [data-elem-id="1784283146771000010"]{
  position:relative;
  border-radius:50% !important;
}

/* стеклянный круг */
#rec4010527001 [data-elem-id="1784282821482000005"]::before,
#rec4010527001 [data-elem-id="1784283146172000009"]::before,
#rec4010527001 [data-elem-id="1784283146771000010"]::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0) 55%),
    linear-gradient(135deg,rgba(233,83,44,.55) 0%,rgba(233,83,44,.22) 100%);
  -webkit-backdrop-filter:blur(10px) saturate(160%);
  backdrop-filter:blur(10px) saturate(160%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    0 0 0 1px rgba(233,83,44,.65),
    0 0 12px rgba(233,83,44,.35),
    0 4px 10px rgba(0,0,0,.35);
  transition:box-shadow .25s ease,background .25s ease;
}

/* глиф уменьшаем масштабом — работает и для , и для background-image */
#rec4010527001 [data-elem-id="1784282821482000005"] .tn-atom,
#rec4010527001 [data-elem-id="1784283146172000009"] .tn-atom,
#rec4010527001 [data-elem-id="1784283146771000010"] .tn-atom{
  transform:scale(.54);
  background-color:transparent !important;
  border:0 !important;
}

/* hover */
#rec4010527001 [data-elem-id="1784282821482000005"]:hover::before,
#rec4010527001 [data-elem-id="1784283146172000009"]:hover::before,
#rec4010527001 [data-elem-id="1784283146771000010"]:hover::before{
  background:
    linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0) 55%),
    linear-gradient(135deg,rgba(233,83,44,.7) 0%,rgba(233,83,44,.3) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.32),
    0 0 0 1px rgba(255,122,82,.8),
    0 0 18px rgba(233,83,44,.5),
    0 4px 10px rgba(0,0,0,.35);
}

/* фолбэк без backdrop-filter */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  #rec4010527001 [data-elem-id="1784282821482000005"]::before,
  #rec4010527001 [data-elem-id="1784283146172000009"]::before,
  #rec4010527001 [data-elem-id="1784283146771000010"]::before{
    background:
      linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,0) 55%),
      linear-gradient(135deg,rgba(233,83,44,.75) 0%,rgba(150,45,20,.6) 100%);
  } 
}