/*=========================================================
    ADIYA STORE
    Авторский стиль магазина adiya.pro

    Версия: 1.0

    Блок:
    ST310N

    Каталог:
    #rec8105556956

==========================================================*/



/*=========================================================
                    ПЕРЕМЕННЫЕ
==========================================================*/

#rec8105556956{

    --bg:#100D15;
    --card:#1A1622;

    --text:#F5F2F7;
    --text-light:#BDB8C6;

    --pink:#FF2F92;
    --pink-light:#FF69B8;

    --tiffany:#43E7F2;

    --gold:#F4C57C;

    --radius:26px;

    --speed:.35s;

}



/*=========================================================
                КАТАЛОГ
==========================================================*/

#rec8105556956{

    position:relative;

    z-index:1;

}



/*=========================================================
              ОБЩИЙ ФОН КАТАЛОГА
==========================================================*/

#rec8105556956 .t-store{

    background:
    radial-gradient(circle at top right,
    rgba(255,47,146,.08),
    transparent 40%),

    radial-gradient(circle at bottom left,
    rgba(67,231,242,.08),
    transparent 45%),

    linear-gradient(
    180deg,
    #100D15 0%,
    #15111D 100%);

}



/*=========================================================
                  КАРТОЧКА
==========================================================*/

#rec8105556956 .t-store__card{

    background:linear-gradient(

        180deg,

        #1B1722,

        #14111A

    );

    border-radius:26px;

    overflow:hidden;

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

    transition:

        transform .35s,

        box-shadow .35s,

        border-color .35s;

}



/*=========================================================
                  HOVER
==========================================================*/

#rec8105556956 .t-store__card:hover{

    transform:translateY(-8px);

    border-color:rgba(67,231,242,.45);

    box-shadow:

        0 18px 45px rgba(0,0,0,.45),

        0 0 25px rgba(255,47,146,.18),

        0 0 45px rgba(67,231,242,.10);

}



/*=========================================================
               ФОТО ТОВАРА
==========================================================*/

#rec8105556956 .t-store__card img{

    transition:

        transform .7s ease,

        filter .7s ease;

}



#rec8105556956 .t-store__card:hover img{

    transform:scale(1.04);

    filter:

        saturate(1.08)

        contrast(1.03);

}



/*=========================================================
          ПЛАВНОЕ ПОЯВЛЕНИЕ КАРТОЧЕК
==========================================================*/

@keyframes adiyaFade{

    from{

        opacity:0;

        transform:translateY(25px);

    }

    to{

        opacity:1;

        transform:none;

    }

}



#rec8105556956 .t-store__card{

    animation:adiyaFade .6s ease both;

}



/*=========================================================
             ОТСТУПЫ МЕЖДУ КАРТОЧКАМИ
==========================================================*/

#rec8105556956 .t-store__card{

    margin-bottom:28px;

}
/*=========================================================
        ГЛАВА 2
        ТИПОГРАФИКА КАРТОЧКИ ТОВАРА
==========================================================*/



/*=========================================================
                 ВНУТРЕННИЙ БЛОК
==========================================================*/

#rec8105556956 .t-store__card__textwrapper{

    padding:22px 22px 26px;

}



/*=========================================================
                 НАЗВАНИЕ СВЕЧИ
==========================================================*/

#rec8105556956 .t-store__card__title,
#rec8105556956 .js-store-prod-name{

    font-family:"Cormorant SC",serif;

    font-size:30px;

    font-weight:600;

    line-height:1.1;

    color:#F7F4F0;

    margin-top:10px;

    margin-bottom:14px;

    letter-spacing:.02em;

    transition:color .35s;

}



#rec8105556956 .t-store__card:hover
.t-store__card__title{

    color:#FFFFFF;

}



/*=========================================================
                 ОПИСАНИЕ
==========================================================*/

#rec8105556956 .t-store__card__descr{

    color:#BEB8C5;

    font-size:15px;

    line-height:1.65;

    margin-bottom:18px;

}



/*=========================================================
                    ЦЕНА
==========================================================*/

#rec8105556956 .t-store__card__price,
#rec8105556956 .t-store__card__price-value{

    font-size:30px;

    font-weight:700;

    color:#F4C57C;

    line-height:1;

    margin-top:18px;

    margin-bottom:22px;

    text-shadow:

        0 0 12px rgba(244,197,124,.18);

}



/*=========================================================
                СТАРАЯ ЦЕНА
==========================================================*/

#rec8105556956 .t-store__card__price_old{

    color:#8F8897;

    font-size:17px;

    margin-bottom:10px;

}



/*=========================================================
               КНОПКА КУПИТЬ
==========================================================*/

#rec8105556956 .t-store__card__btn,
#rec8105556956 .js-store-prod-btn{

    width:100%;

    height:54px;

    border:none;

    border-radius:18px;

    background:

    linear-gradient(

        135deg,

        #FF2F92,

        #FF5FB5

    );

    color:white;

    font-size:16px;

    font-weight:700;

    letter-spacing:.04em;

    transition:

        transform .35s,

        box-shadow .35s,

        background .35s;

    box-shadow:

        0 12px 25px rgba(255,47,146,.22);

}



/*=========================================================
               КНОПКА HOVER
==========================================================*/

#rec8105556956 .t-store__card__btn:hover,
#rec8105556956 .js-store-prod-btn:hover{

    transform:translateY(-3px);

    background:

    linear-gradient(

        135deg,

        #FF3E9A,

        #FF76C3

    );

    box-shadow:

        0 18px 40px rgba(255,47,146,.35),

        0 0 22px rgba(67,231,242,.15);

}



/*=========================================================
                ФОТО
==========================================================*/

#rec8105556956 .t-store__card__bgimg{

    border-radius:22px;

}



/*=========================================================
          СВЕЧЕНИЕ ВОКРУГ ФОТО
==========================================================*/

#rec8105556956 .t-store__card__imgwrapper{

    position:relative;

}



#rec8105556956 .t-store__card__imgwrapper::after{

    content:"";

    position:absolute;

    inset:0;

    border-radius:22px;

    pointer-events:none;

    background:

        radial-gradient(

        circle,

        rgba(255,47,146,.08),

        transparent 70%);

    opacity:0;

    transition:opacity .45s;

}



#rec8105556956 .t-store__card:hover
.t-store__card__imgwrapper::after{

    opacity:1;

}



/*=========================================================
              КНОПКА ПОЯВЛЕНИЕ
==========================================================*/

#rec8105556956 .t-store__card__btn{

    overflow:hidden;

    position:relative;

}



#rec8105556956 .t-store__card__btn::before{

    content:"";

    position:absolute;

    left:-100%;

    top:0;

    width:45%;

    height:100%;

    background:

        linear-gradient(

        90deg,

        transparent,

        rgba(255,255,255,.45),

        transparent);

    transform:skewX(-25deg);

    transition:.7s;

}



#rec8105556956 .t-store__card:hover
.t-store__card__btn::before{

    left:160%;

}
/*=========================================================
        ГЛАВА 3
        POPUP КАРТОЧКИ ТОВАРА
==========================================================*/


/*=========================================================
                ОСНОВНОЙ ФОН
==========================================================*/

.t-store__prod-snippet__container,
.t-store__prod-popup__info{

    background:#100D15!important;

}

.t-store__prod-popup__info{

    padding:55px!important;

}



/*=========================================================
                ФОТО СВЕЧИ
==========================================================*/

.t-store__prod-popup__slider{

    border-radius:28px;

    overflow:hidden;

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

    box-shadow:

        0 30px 60px rgba(0,0,0,.45);

    transition:.5s;

}



.t-store__prod-popup__slider:hover{

    box-shadow:

        0 35px 70px rgba(0,0,0,.55),

        0 0 30px rgba(255,47,146,.18);

}



/*=========================================================
              НАЗВАНИЕ
==========================================================*/

.t-store__prod-popup__name{

    font-family:"Cormorant SC",serif!important;

    font-size:48px!important;

    font-weight:600!important;

    color:#F8F4F1!important;

    line-height:1.1;

    margin-bottom:18px;

}



/*=========================================================
                 ЦЕНА
==========================================================*/

.t-store__prod-popup__price{

    margin-top:10px;

    margin-bottom:28px;

}



.t-store__prod-popup__price-value{

    color:#F4C57C!important;

    font-size:42px!important;

    font-weight:700!important;

    text-shadow:

        0 0 14px rgba(244,197,124,.25);

}



.t-store__prod-popup__price-currency{

    color:#F4C57C!important;

    font-size:22px!important;

}



/*=========================================================
             КНОПКА КУПИТЬ
==========================================================*/

.t-store__prod-popup__btn{

    height:62px!important;

    border:none!important;

    border-radius:18px!important;

    background:linear-gradient(
        135deg,
        #FF2F92,
        #FF6BBE
    )!important;

    box-shadow:

        0 18px 35px rgba(255,47,146,.28);

    transition:.35s;

}



.t-store__prod-popup__btn:hover{

    transform:translateY(-3px);

    box-shadow:

        0 25px 45px rgba(255,47,146,.38),

        0 0 22px rgba(67,231,242,.18);

}



.js-store-prod-popup-buy-btn-txt{

    font-size:17px!important;

    font-weight:700!important;

    letter-spacing:.06em;

}



/*=========================================================
                ОПИСАНИЕ
==========================================================*/

.t-store__prod-popup__text{

    margin-top:36px;

}



.js-store-prod-all-text{

    color:#DDD8E3;

    font-size:20px;

    line-height:1.95;

}



.js-store-prod-all-text p{

    margin-bottom:18px;

}



/*=========================================================
            КНОПКА "К ДРУГИМ ТОВАРАМ"
==========================================================*/

.t-store__prod-popup__close-txt{

    color:#43E7F2!important;

    font-weight:600;

    transition:.3s;

}



.t-store__prod-popup__close-txt:hover{

    color:#FF2F92!important;

}



/*=========================================================
          ИКОНКА ЗАКРЫТИЯ
==========================================================*/

.t-popup__close-icon_cross g{

    fill:#FF2F92!important;

}



.t-popup__close-icon_arrow path{

    fill:#43E7F2!important;

}



/*=========================================================
             МОБИЛЬНАЯ ВЕРСИЯ
==========================================================*/

@media(max-width:980px){

.t-store__prod-popup__info{

    padding:28px!important;

}

.t-store__prod-popup__name{

    font-size:34px!important;

}

.t-store__prod-popup__price-value{

    font-size:32px!important;

}

.js-store-prod-all-text{

    font-size:18px;

    line-height:1.8;

}

}
/*=========================================================
        ГЛАВА 4
        ПРЕМИАЛЬНЫЕ АККОРДЕОНЫ
==========================================================*/


/*=========================================================
            ОБЩИЙ БЛОК ВКЛАДОК
==========================================================*/

.t-store__tabs{

    margin-top:50px;

}



/*=========================================================
          КАРТОЧКА КАЖДОЙ ВКЛАДКИ
==========================================================*/

.t-store__tabs__item{

    background:linear-gradient(
        180deg,
        rgba(255,255,255,.04),
        rgba(255,255,255,.02)
    );

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

    border-radius:22px;

    margin-bottom:18px;

    overflow:hidden;

    transition:.35s;

}



.t-store__tabs__item:hover{

    border-color:rgba(255,47,146,.35);

    box-shadow:

        0 18px 35px rgba(0,0,0,.25),

        0 0 25px rgba(255,47,146,.10);

}



/*=========================================================
              ЗАГОЛОВОК
==========================================================*/

.t-store__tabs__item-button{

    font-size:26px!important;

    font-weight:700!important;

    color:#ffffff!important;

    padding:24px 28px!important;

    transition:.35s;

    position:relative;

}



/*=========================================================
           ПЛЮСИК СПРАВА
==========================================================*/

.t-store__tabs__item-button::after{

    content:"+";

    position:absolute;

    right:28px;

    top:50%;

    transform:translateY(-50%);

    width:34px;

    height:34px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

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

    color:#43E7F2;

    font-size:22px;

    font-weight:700;

    transition:.35s;

}



/*=========================================================
          ПРИ ОТКРЫТИИ
==========================================================*/

.t-store__tabs__item_active
.t-store__tabs__item-button::after{

    content:"−";

    background:#FF2F92;

    color:white;

    transform:translateY(-50%) rotate(180deg);

}



/*=========================================================
            ТЕКСТ ВКЛАДКИ
==========================================================*/

.t-store__tabs__content{

    padding:10px 28px 28px;

}



.t-store__tabs__content p,

.t-store__tabs__content li{

    color:#DDD8E3!important;

    font-size:19px!important;

    line-height:1.95!important;

}



/*=========================================================
              ИКОНКИ
==========================================================*/

.t-store__tabs__item:nth-child(1)
.t-store__tabs__item-button::before{

    content:"✨";

    margin-right:14px;

}



.t-store__tabs__item:nth-child(2)
.t-store__tabs__item-button::before{

    content:"🌿";

    margin-right:14px;

}



.t-store__tabs__item:nth-child(3)
.t-store__tabs__item-button::before{

    content:"🌙";

    margin-right:14px;

}



/*=========================================================
          ГРАДИЕНТНАЯ ЛИНИЯ
==========================================================*/

.t-store__tabs__item::before{

    content:"";

    display:block;

    height:3px;

    background:linear-gradient(
        90deg,
        #FF2F92,
        #43E7F2
    );

}



/*=========================================================
          ПЛАВНОЕ ПОЯВЛЕНИЕ
==========================================================*/

.t-store__tabs__content{

    animation:adiyaAccordion .35s ease;

}



@keyframes adiyaAccordion{

    from{

        opacity:0;

        transform:translateY(-8px);

    }

    to{

        opacity:1;

        transform:none;

    }

}



/*=========================================================
             ВЫДЕЛЕНИЕ ЖИРНОГО
==========================================================*/

.t-store__tabs__content strong,

.t-store__tabs__content b{

    color:#F4C57C;

}



/*=========================================================
             СПИСКИ
==========================================================*/

.t-store__tabs__content ul{

    padding-left:28px;

}



.t-store__tabs__content li{

    margin-bottom:12px;

}
/*=========================================================
        ГЛАВА 5
        ЦВЕТА КАТЕГОРИЙ
==========================================================*/



/*=========================================================
                БЕЙДЖ
==========================================================*/

.adiya-category{

    display:inline-flex;

    align-items:center;

    gap:8px;

    padding:10px 18px;

    border-radius:999px;

    font-size:14px;

    font-weight:700;

    letter-spacing:.08em;

    text-transform:uppercase;

    color:#fff;

    margin-bottom:24px;

    box-shadow:0 8px 20px rgba(0,0,0,.18);

}



/*=========================================================
          ОЧИЩЕНИЕ
==========================================================*/

.adiya-clean{

    background:linear-gradient(
    135deg,
    #7A5137,
    #A77450);

}



/*=========================================================
          ДЕНЬГИ
==========================================================*/

.adiya-money{

    background:linear-gradient(
    135deg,
    #007A54,
    #00B57A);

}



/*=========================================================
          ЛЮБОВЬ
==========================================================*/

.adiya-love{

    background:linear-gradient(
    135deg,
    #FF5FA7,
    #FF88C4);

}



/*=========================================================
          БИЗНЕС
==========================================================*/

.adiya-business{

    background:linear-gradient(
    135deg,
    #27D7E8,
    #66F4FF);

}



/*=========================================================
          ЧАКРЫ
==========================================================*/

.adiya-chakra{

    background:linear-gradient(
    135deg,
    #A98BFF,
    #D1C2FF);

}



/*=========================================================
          АЛТАРНЫЕ
==========================================================*/

.adiya-altar{

    background:linear-gradient(
    135deg,
    #6F2DBD,
    #9A59FF);

}



/*=========================================================
          ПРОЧИЕ
==========================================================*/

.adiya-other{

    background:linear-gradient(
    135deg,
    #F4D44D,
    #FFE76A);

    color:#262626;

}



/*=========================================================
        ДРУГИЕ ТОВАРЫ
==========================================================*/

.adiya-shop{

    background:linear-gradient(
    135deg,
    #FF1493,
    #FF5CB8);

}



/*=========================================================
          РИТУАЛЫ
==========================================================*/

.adiya-moon{

    background:linear-gradient(
    135deg,
    #BAC5E8,
    #E6ECFF);

    color:#2E3350;

}



/*=========================================================
         ПОДСВЕТКА КАРТОЧКИ
==========================================================*/

.adiya-glow-clean{

    box-shadow:
    0 0 30px rgba(122,81,55,.18);

}



.adiya-glow-money{

    box-shadow:
    0 0 30px rgba(0,181,122,.20);

}



.adiya-glow-love{

    box-shadow:
    0 0 30px rgba(255,95,167,.22);

}



.adiya-glow-business{

    box-shadow:
    0 0 30px rgba(39,215,232,.22);

}



.adiya-glow-chakra{

    box-shadow:
    0 0 30px rgba(169,139,255,.22);

}



.adiya-glow-altar{

    box-shadow:
    0 0 30px rgba(111,45,189,.22);

}



.adiya-glow-other{

    box-shadow:
    0 0 30px rgba(244,212,77,.20);

}



.adiya-glow-shop{

    box-shadow:
    0 0 30px rgba(255,20,147,.22);

}



.adiya-glow-moon{

    box-shadow:
    0 0 30px rgba(186,197,232,.20);

}