/* Твоя оригинальная база позиционирования */
.t-store__card {
    position: relative;
}

.t-store__card > * {
    /*position: absolute;*/
    width: 100%;
    height: 100%;
}

.t-store__card__imgwrapper {
    z-index: 3;
}

/* Обертка с текстом и кнопками */
.t-store__card > div {
    position: absolute;
    /* Если текст должен быть ПОВЕРХ картинки, z-index тут должен быть больше 3. 
       В твоем изначальном коде стояло 2. Я ставлю 4, чтобы текст не прятался под фото */
    z-index: 2; 
}

.t-store__card__wrap_txt-and-btns > div {
    flex: 1 0 100%;
}

.t-store__card__textwrapper {
    padding: 0;
    display: block;
    height: 100%;
}

/* === ИСПРАВЛЕННАЯ ЧАСТЬ ДЛЯ ТЕКСТА === */

/* 1. Скрываем вообще всё внутри обертки с текстом (описание, цены, артикулы) */
.t-store__card__textwrapper > * {
    display: none !important;
}

/* 2. Точечно включаем ТОЛЬКО заголовок и возвращаем ему твои настройки + адаптивность */
.t-store__card__textwrapper .t-store__card__title {
    display: block !important; 
    text-align: start;
    color: #DFFE3F !important;
    
    /* МИНИМУМ 16px | ОПТИМУМ 4% ширины экрана | МАКСИМУМ 30px */
    font-size: clamp(16px, 4vw, 30px) !important; 
    line-height: 1.2;
    transform: translateY(20px) !important;
}
/* === АДАПТАЦИЯ ДЛЯ МОБИЛОК === */
@media screen and (max-width: 640px) {
    /* 1. Превращаем обертку в "резиновую" коробку для идеального центрирования */
    .t-store__card__textwrapper {
        display: flex !important;
        justify-content: center !important; /* Центрируем ровно по горизонтали */
    }

    /* 2. Настраиваем сам заголовок для мобилки */
    .t-store__card__textwrapper .t-store__card__title {
        text-align: center !important; /* Выравниваем строки текста по центру */
        transform: none !important; /* Сбрасываем тот сдвиг вниз, который мы делали для десктопа */
        font-size: 18px !important; /* Кегль для телефона */
        margin: 0 !important;
        padding: 0 10px !important; /* Добавляем "воздух" по бокам, чтобы длинные слова не прилипали к краям экрана */
        width: 100%;
    }
}

/*.t-menu-popover__burgermenu_opened {*/
/*    background-color: transparent;*/
/*    -webkit-backdrop-filter: blur(30px);*/
/*    backdrop-filter: blur(30px);*/
/*}*/

.t-store,
.t-store .t-container,
.t-store .t-container__wrap,
.t-store .t-section {
    background-color: #0B0EFD !important;
}

/*.t396__elem {*/
/*    z-index: 0 !important; */
/*}*/

.tn-elem__20256089411773337577183 .tn-atom {
    background-size: auto !important;
    background-repeat: repeat !important;
    pointer-events: none;
    opacity: 0.3 !important; 
    mix-blend-mode: normal !important; 
}
.tn-elem__20256089411773337577183 {
    pointer-events: none;
    z-index: 1 !important; 
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw !important;
    height: 100vh !important;
}


/* === ПРОЗРАЧНАЯ ШАПКА НА МОБИЛКЕ === */
@media screen and (max-width: 980px) {
    /* 1. Делаем прозрачной саму полоску с логотипом и гамбургером */
    .tmenu-mobile {
        background-color: transparent !important;
        background: none !important;
        box-shadow: none !important; /* Убираем тень, если она была включена */
    }

    /* 2. Если ты хочешь, чтобы и ВЫПАДАЮЩЕЕ меню (когда нажал на гамбургер) 
       было прозрачным, раскомментируй код ниже: */
    /*
    .tmenu-mobile__menu {
        background-color: transparent !important;
    }
    */
}
</style>