/* === ГРАДИЕНТНЫЙ ФОН БЕЗ КОНФЛИКТА С ПАРАЛЛАКСОМ === */
body, .t-body {
    background: linear-gradient(
        180deg, 
        #fef4db 0%,    /* Мягкий желтый */
        #e3e1e1 25%,   /* Серо-голубой */
        #f1dcec 50%,   /* Розовый */
        #ebbeb7 100%   /* Персиковый */
    ) !important;
    /* УБРАЛИ background-attachment: fixed — это ломает параллакс */
    min-height: 100vh !important;
}

#t-footer {
    background: linear-gradient(
        135deg, 
        #d3856e 0%,    /* Белый */
        #9f89aa 100%   /* Зеленый */
    ) !important;
}

/* Делаем блоки прозрачными */
.t-rec,
.t-cover,
.t-section,
.t-section__container {
    background-color: transparent !important;
}

/* === ПРОЗРАЧНОСТЬ ФОНОВОЙ КАРТИНКИ В COVER-БЛОКЕ === */

/* Уменьшаем непрозрачность фона */
.t-cover {
    -webkit-mask-image: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 1) 0%,      /* Верх — полностью видно */
        rgba(0, 0, 0, 1) 75%,     /* Середина — видно */
        rgba(0, 0, 0, 0) 100%     /* Низ — полностью прозрачно */
    ) !important;
    mask-image: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 1) 0%,
        rgba(0, 0, 0, 1) 75%,
        rgba(0, 0, 0, 0) 100%
    ) !important;
}

#recorddiv2431474501 {
    -webkit-mask-image: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 0%,      /* Верх — полностью видно */
        rgba(0, 0, 0, 1) 75%,     /* Середина — видно */
        rgba(0, 0, 0, 0) 100%     /* Низ — полностью прозрачно */
    ) !important;
    mask-image: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 1) 75%,
        rgba(0, 0, 0, 0) 100%
    ) !important;
}

#rec2417401611 {
    /* Скругление углов */
    border-radius: 24px !important;
    overflow: hidden !important;
    
    /* Внешние отступы */
    margin: 30px 40px !important;
    
    /* Градиентный фон (желтый → серо-голубой → фиолетовый) */
    background: linear-gradient(
        135deg, 
        #ffffff 0%,    /* Белый */
        #98b5b2 100%   /* Зеленый */
    ) !important;
    
    /* Тень для объема */
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1) !important;
    
    /* Плавный переход при наведении (опционально) */
    transition: all 0.3s ease !important;
}

/* Адаптивность для мобильных устройств */
@media screen and (max-width: 768px) {
    #rec2417401611 {
        margin: 20px 15px !important;
        border-radius: 20px !important;
    }
}

@media screen and (max-width: 480px) {
    #rec2417401611 {
        margin: 15px 10px !important;
        border-radius: 16px !important;
    }
}