.tm-guest-only, .tm-member-only { display: none !important; }
  body.tm-auth-checked.tm-is-guest .tm-guest-only { display: revert !important; }
  body.tm-auth-checked.tm-is-auth  .tm-member-only { display: revert !important; }


/* ==================================================================
   Единый стиль стеклянных карточек для всей страницы.
   ------------------------------------------------------------------
   Покрывает:
     • .cpn-hero-cat__fact, .cpn-info-cat__card, .cpn-faq__item —
       авторские блоки страницы.
     • Карточки любых каталогов Tilda на странице:
       st100 / st340* / st950 / st953 / другие.
   ------------------------------------------------------------------
   Селекторы без родителя — работают во всех версиях блоков Tilda,
   независимо от того, есть у них обёртка .t-store или нет.
   ------------------------------------------------------------------
   Отключить стекло для конкретного блока:
     #rec1234567890 .t-store__card,
     #rec1234567890 .js-product {
         background: revert !important;
         border: revert !important;
         backdrop-filter: none !important;
         -webkit-backdrop-filter: none !important;
         box-shadow: revert !important;
         border-radius: revert !important;
         transform: none !important;
     }
================================================================== */

:root {
    /* --- База карточки --- */
    --cpn-card-bg:              rgba(240, 232, 221, 0.55);
    --cpn-card-bg-hover:        rgba(255, 252, 246, 0.78);

    --cpn-card-border:          rgba(140, 119, 99, 0.16);
    --cpn-card-border-hover:    rgba(140, 119, 99, 0.28);

    --cpn-card-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.70),
        0 1px 2px rgba(60, 45, 30, 0.06),
        0 12px 30px rgba(60, 45, 30, 0.11);
    --cpn-card-shadow-hover:
        inset 0 1px 0 rgba(255, 255, 255, 0.90),
        0 2px 4px rgba(60, 45, 30, 0.08),
        0 22px 46px rgba(60, 45, 30, 0.18);

    --cpn-card-radius:          16px;
    --cpn-card-radius-mobile:   14px;
    --cpn-card-blur:            12px;
    --cpn-card-ease:            cubic-bezier(0.22, 1, 0.36, 1);
    --cpn-card-lift:            -3px;
}

/* ==================================================================
   БАЗА — применяется ко всем карточкам на странице
================================================================== */

.cpn-hero-cat__fact,
.cpn-info-cat__card,
.cpn-faq__item,
.t-store__card,
.t-store__grid__card,
.js-product,
.js-store-product {
    background: var(--cpn-card-bg) !important;
    border: 1px solid var(--cpn-card-border) !important;
    border-radius: var(--cpn-card-radius) !important;
    backdrop-filter: blur(var(--cpn-card-blur)) !important;
    -webkit-backdrop-filter: blur(var(--cpn-card-blur)) !important;
    box-shadow: var(--cpn-card-shadow) !important;
    overflow: hidden !important;
    transition:
        background .5s var(--cpn-card-ease),
        border-color .5s var(--cpn-card-ease),
        box-shadow .5s var(--cpn-card-ease),
        transform .45s var(--cpn-card-ease) !important;
}

@media (max-width: 639px) {
    .cpn-hero-cat__fact,
    .cpn-info-cat__card,
    .cpn-faq__item,
    .t-store__card,
    .t-store__grid__card,
    .js-product,
    .js-store-product {
        border-radius: var(--cpn-card-radius-mobile) !important;
    }
}

/* ==================================================================
   ХОВЕР
================================================================== */

@media (hover: hover) and (pointer: fine) {
    .cpn-hero-cat__fact:hover,
    .cpn-info-cat__card:hover,
    .t-store__card:hover,
    .t-store__grid__card:hover,
    .js-product:hover,
    .js-store-product:hover {
        background: var(--cpn-card-bg-hover) !important;
        border-color: var(--cpn-card-border-hover) !important;
        box-shadow: var(--cpn-card-shadow-hover) !important;
        transform: translateY(var(--cpn-card-lift)) !important;
    }

    /* FAQ: приподнимается только закрытая карточка */
    .cpn-faq__item:not([open]):hover {
        background: var(--cpn-card-bg-hover) !important;
        border-color: var(--cpn-card-border-hover) !important;
        box-shadow: var(--cpn-card-shadow-hover) !important;
        transform: translateY(var(--cpn-card-lift)) !important;
    }
}

/* FAQ: открытая карточка = активное стекло, без подъёма */
.cpn-faq__item[open] {
    background: var(--cpn-card-bg-hover) !important;
    border-color: var(--cpn-card-border-hover) !important;
    box-shadow: var(--cpn-card-shadow-hover) !important;
}

/* ==================================================================
   СБРОС ВНУТРЕННИХ ФОНОВ TILDA
   Перечислены все известные обёртки и подложки разных версий каталогов.
================================================================== */

.t-store__card__bgimg,
.t-store__card__imgwrapper,
.t-store__card__textwrapper,
.t-store__card__wrap,
.t-store__card__inner,
.t-store__card__content,
.t-store__card__description,
.t-store__grid__card__bgimg,
.t-store__grid__card__imgwrapper,
.t-store__grid__card__textwrapper,
.t-store__grid__card__wrap,
.t-store__grid__card__inner,
.js-product__bgimg,
.js-product__imgwrapper,
.js-product__textwrapper,
.js-product__wrap,
.js-product__inner {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Внутренние отступы текстовой обёртки — единый ритм */
.t-store__card__textwrapper,
.t-store__grid__card__textwrapper,
.js-product__textwrapper {
    padding: 22px 20px !important;
}

/* Обёртки каталога — прозрачные, чтобы blur размывал фон секции,
   а не белый слой самого каталога. Оба варианта — с .t-store
   и без него — на случай разных версий блоков. */
.t-store,
.t-store__grid,
.t-store__grid__container,
.t-store__cards,
.t-store__cards-wrapper,
.js-store,
.js-store-wrapper {
    background: transparent !important;
}

/* ==================================================================
   ИСКЛЮЧЕНИЯ ДЛЯ ПОП-АПОВ TILDA
   ------------------------------------------------------------------
   Стекло карточек ломает вёрстку модальных окон каталога (popup
   товара, корзина, быстрый просмотр). Внутри .t-popup /
   .t-store__prod-popup снимаем всё, что могло сломать layout:
   border, border-radius, overflow:hidden, backdrop-filter,
   box-shadow, transform, transition и внутренние padding'и.
   ================================================================== */

.t-popup .t-store__card,
.t-popup .t-store__grid__card,
.t-popup .js-product,
.t-popup .js-store-product,
.t-store__prod-popup .t-store__card,
.t-store__prod-popup .t-store__grid__card,
.t-store__prod-popup .js-product,
.t-store__prod-popup .js-store-product,
.t-store__prod-popup__wrapper .t-store__card,
.t-store__prod-popup__wrapper .t-store__grid__card,
.t-store__prod-popup__wrapper .js-product,
.t-store__prod-popup__wrapper .js-store-product,
.t-store__prod-popup__content .t-store__card,
.t-store__prod-popup__content .t-store__grid__card,
.t-store__prod-popup__content .js-product,
.t-store__prod-popup__content .js-store-product {
    background: revert !important;
    border: revert !important;
    border-radius: revert !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: revert !important;
    overflow: visible !important;
    transform: none !important;
    transition: revert !important;
}

/* Ховер на карточках внутри поп-апов — тоже снимаем */
@media (hover: hover) and (pointer: fine) {
    .t-popup .t-store__card:hover,
    .t-popup .t-store__grid__card:hover,
    .t-popup .js-product:hover,
    .t-popup .js-store-product:hover,
    .t-store__prod-popup .t-store__card:hover,
    .t-store__prod-popup .t-store__grid__card:hover,
    .t-store__prod-popup .js-product:hover,
    .t-store__prod-popup .js-store-product:hover,
    .t-store__prod-popup__wrapper .t-store__card:hover,
    .t-store__prod-popup__wrapper .js-product:hover {
        background: revert !important;
        border-color: revert !important;
        box-shadow: revert !important;
        transform: none !important;
    }
}

/* Внутренние padding'и текстовой обёртки внутри поп-апов — сброс */
.t-popup .t-store__card__textwrapper,
.t-popup .t-store__grid__card__textwrapper,
.t-popup .js-product__textwrapper,
.t-store__prod-popup .t-store__card__textwrapper,
.t-store__prod-popup .t-store__grid__card__textwrapper,
.t-store__prod-popup .js-product__textwrapper,
.t-store__prod-popup__wrapper .t-store__card__textwrapper,
.t-store__prod-popup__wrapper .js-product__textwrapper {
    padding: revert !important;
}

/* Прозрачность обёрток каталога внутри поп-апов — сброс,
   чтобы Tilda сама управляла своим фоном в модалке */
.t-popup .t-store,
.t-popup .t-store__grid,
.t-popup .t-store__grid__container,
.t-popup .t-store__cards,
.t-popup .t-store__cards-wrapper,
.t-store__prod-popup .t-store,
.t-store__prod-popup .t-store__grid,
.t-store__prod-popup .t-store__grid__container,
.t-store__prod-popup .t-store__cards,
.t-store__prod-popup .t-store__cards-wrapper,
.t-store__prod-popup__wrapper .t-store,
.t-store__prod-popup__wrapper .t-store__grid {
    background: revert !important;
}

/* Сам контейнер поп-апа и его обёртки — не трогаем вообще */
.t-store__prod-popup,
.t-store__prod-popup__wrapper,
.t-store__prod-popup__content {
    background: revert !important;
}
</style>