/* =========================================================
   1. ВИПАДАЮЧІ ВАРІАНТИ ТОВАРУ
   ========================================================= */

.js-product .t-product__option-select {
    width: 100%;
    border: 1px #c2c2c2 solid;
    background: #ffffff;
    color: #000000;
    box-sizing: border-box;
    cursor: pointer;
    padding: 5px 30px 5px 10px;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    border-radius: 5px;
}


/* =========================================================
   2. ВАРІАНТИ ТОВАРУ В T744
   ========================================================= */

.t744 .t-product__option-variants {
    display: block;
}


/* =========================================================
   3. КНОПКА ДОДАТИ В КОШИК У POP-UP
   ========================================================= */

.t-store__prod-popup__btn {
    width: 100%;
    background: #bbb1f5 !important;
    color: #ffffff !important;
    border: none !important;
}


.js-store-prod-popup-buy-btn-txt {
    color: #ffffff !important;
}


/* =========================================================
   4. НАЗВА ТОВАРУ
   ========================================================= */

.js-store-prod-name {
    color: #2e2e2e;
    font-weight: 500;
    font-family: Gilroy, Arial, sans-serif;
    font-size: 18px;
}


/* =========================================================
   5. ЦІНА
   ========================================================= */

.js-product-price {
    color: #262626;
    font-weight: 300;
}


.js-store-prod-price-old {
    color: #a8a8a8;
    font-weight: 300;
}


/* =========================================================
   6. ОПИС
   ========================================================= */

.js-store-prod-text {
    color: #1a1a1a;
    font-weight: 400;
    font-family: Gilroy, Arial, sans-serif;
}


/* =========================================================
   7. ФОТО В КАРТКАХ
   ========================================================= */

.t-store__card__bgimg,
.t-store__card__bgimg_second,
.t-store__card__bgimg_hover {
    border-radius: 10px !important;
}


/* =========================================================
   8. ВЕЛИКЕ ФОТО
   ========================================================= */

.t-store__prod-snippet__container
.t-slds__bgimg.js-product-img {
    border-radius: 15px !important;
    overflow: hidden !important;
}


/* =========================================================
   9. ВАС ТАКОЖ МОЖЕ ЗАЦІКАВИТИ
   ========================================================= */

.t-store__prod-snippet__container
.t-store__card__bgimg.js-product-img,

.t-store__prod-snippet__container
.t-store__card__bgimg_second.js-product-img,

.t-store__prod-snippet__container
.t-store__card__bgimg_hover.js-product-img {
    border-radius: 10px !important;
    overflow: hidden !important;
}


/* =========================================================
   10. GL19
   ========================================================= */

#rec3838822803 .t-slds__bgimg {
    margin: 0 !important;
}


/* =========================================================
   11. ПРИБИРАЄМО СІРИЙ ФОН
   ========================================================= */

.t-slds__bgimg.js-product-img,
.t-store__card__bgimg.js-product-img,
.t-store__card__bgimg,
.t-store__card__bgimg_second,
.t-store__card__bgimg_hover {
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}


/* =========================================================
   12. БІЛИЙ ФОН
   ========================================================= */

.t-slds__item,
.t-slds__wrapper,
.t-store__card__wrap {
    background-color: #ffffff !important;
    box-shadow: none !important;
}


/* =========================================================
   13. ГАЛЕРЕЯ
   ========================================================= */

.t-store__prod-snippet__container .t-slds {
    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* =========================================================
   14. ВЕЛИКЕ ФОТО — ВІДСТУПИ
   ========================================================= */

.t-store__prod-snippet__container
.t-slds__bgimg.js-product-img {
    width: calc(100% - 40px) !important;
    margin-left: 20px !important;
    margin-right: 20px !important;
    box-sizing: border-box !important;
}


/* =========================================================
   15. ВІДСТУП ПІД ФІКСОВАНЕ МЕНЮ
   ========================================================= */

body:not(:has(#rec3838822803)) #allrecords {
    padding-top: 80px !important;
}


/* =========================================================
   16. КВАДРАТНЕ ВІДЕО
   ========================================================= */

.t-store__tabs__content
.t-redactor__video-container {
    position: relative !important;
    width: 100% !important;
    height: 0 !important;
    padding-bottom: 100% !important;
    overflow: hidden !important;
    border-radius: 16px !important;
    margin: 0 !important;
}


.t-store__tabs__content
.t-redactor__video-container video {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 100% !important;

    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;

    display: block !important;
    object-fit: cover !important;

    margin: 0 !important;
    padding: 0 !important;

    border: none !important;
    border-radius: 16px !important;
}


/* =========================================================
   17. POP-UP — ВЕЛИКЕ ФОТО
   ========================================================= */

.t-store__prod-popup__col-left .t-slds__item {
    overflow: hidden !important;
    border-radius: 15px !important;
}


.t-store__prod-popup__col-left
.t-slds__item .t-slds__bgimg {
    width: calc(100% - 40px) !important;
    margin-left: 20px !important;
    margin-right: 20px !important;
    box-sizing: border-box !important;

    border-radius: 15px !important;
    overflow: hidden !important;
}


/* =========================================================
   18. МІНІАТЮРИ
   ========================================================= */

.t-store__prod-popup__col-left .t-slds__thumbsbullet {
    border-radius: 7px !important;
    overflow: hidden !important;
}


.t-store__prod-popup__col-left
.t-slds__thumbsbullet .t-slds__bgimg {
    border-radius: 7px !important;
    overflow: hidden !important;
}


/* =========================================================
   19. АКТИВНА МІНІАТЮРА
   ========================================================= */

.t-store__prod-popup__col-left
.t-slds__thumbsbullet-border {
    border-radius: 7px !important;
    overflow: hidden !important;
}


/* =========================================================
   20. БІЛИЙ ФОН POP-UP
   ========================================================= */

.t-store__prod-popup__col-left
.t-slds__items-wrapper {
    background: #ffffff !important;
    box-shadow: none !important;
}


/* =========================================================
   21. POP-UP — ТОВАР У КОШИКУ
   ========================================================= */

.t-store__prod-popup__btn.cart-added {
    background-color: #9b8fe3 !important;
    color: #ffffff !important;

    border: 1px solid #9b8fe3 !important;

    box-shadow: none !important;
    outline: none !important;
}


.t-store__prod-popup__btn.cart-added
.js-store-prod-popup-buy-btn-txt {
    color: #ffffff !important;
}


.t-store__prod-popup__btn.cart-added:hover {
    background-color: #8d80d8 !important;
    border-color: #8d80d8 !important;
}


/* =========================================================
   22. КАТАЛОГ — ЗВИЧАЙНА КНОПКА
   "Додати в кошик 👀"
   
   ЧОРНИЙ ТЕКСТ
   ========================================================= */

#allrecords
a.t-btn.js-store-prod-btn2:not(.cart-added)
.t-store__card__btn-text {
    color: #000000 !important;
}


#allrecords
a.t-btn.js-store-prod-btn2:not(.cart-added) {
    color: #000000 !important;
}


/* =========================================================
   23. КАТАЛОГ — ТОВАР У КОШИКУ
   "Товар у кошику 🥰"
   ========================================================= */

#allrecords
a.t-btn.js-store-prod-btn2.cart-added {
    background-color: #9b8fe3 !important;
    color: #ffffff !important;

    border: 1px solid #9b8fe3 !important;

    box-shadow: none !important;
    outline: none !important;
}


#allrecords
a.t-btn.js-store-prod-btn2.cart-added
.t-store__card__btn-text {
    color: #ffffff !important;
}


/* =========================================================
   24. КАТАЛОГ — НАВЕДЕННЯ
   ========================================================= */

#allrecords
a.t-btn.js-store-prod-btn2:not(.cart-added):hover
.t-store__card__btn-text {
    color: #000000 !important;
}


#allrecords
a.t-btn.js-store-prod-btn2.cart-added:hover {
    background-color: #8d80d8 !important;
    border-color: #8d80d8 !important;
}


/* =========================================================
   25. СПЛИВАЮЧЕ ПОВІДОМЛЕННЯ
   ========================================================= */

body .t706__bubble {
    position: fixed !important;

    right: 24px !important;
    bottom: 24px !important;

    width: 390px !important;
    max-width: calc(100vw - 40px) !important;

    min-height: 72px !important;

    box-sizing: border-box !important;

    padding: 18px 48px 18px 22px !important;

    background: #ffffff !important;
    background-color: #ffffff !important;

    border: 1px solid #e8e2fb !important;
    border-radius: 18px !important;

    box-shadow:
        0 14px 40px rgba(70, 55, 105, 0.14),
        0 3px 12px rgba(70, 55, 105, 0.06) !important;

    color: #29252f !important;

    z-index: 999999 !important;

    overflow: hidden !important;

    font-family: Gilroy, Arial, sans-serif !important;
}


/* Лавандова смужка */

body .t706__bubble::before {
    content: "" !important;

    position: absolute !important;

    left: 0 !important;
    top: 13px !important;
    bottom: 13px !important;

    width: 4px !important;

    background: #a99be9 !important;

    border-radius: 0 5px 5px 0 !important;
}


/* =========================================================
   26. ТЕКСТ СПЛИВАЮЧОГО ПОВІДОМЛЕННЯ
   ========================================================= */

body .t706__bubble .t706__bubble-text {
    color: #29252f !important;

    font-family: Gilroy, Arial, sans-serif !important;

    font-size: 15px !important;
    font-weight: 500 !important;

    line-height: 1.4 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
}

/* =========================================================
   27. ХРЕСТИК TILDA
   ЗАЛИШАЄМО ТІЛЬКИ РІДНИЙ ХРЕСТИК
   ========================================================= */

body .t706__bubble .t706__bubble-close {
    position: absolute !important;

    top: 8px !important;
    right: 8px !important;

    width: 30px !important;
    height: 30px !important;

    padding: 0 !important;

    cursor: pointer !important;

    z-index: 10 !important;

    background: transparent !important;
    border: none !important;

    color: #8d8798 !important;
}


/* НІЯКОГО ДОДАТКОВОГО ХРЕСТИКА */

body .t706__bubble .t706__bubble-close::before,
body .t706__bubble .t706__bubble-close::after {
    content: none !important;
}


/* Hover */

body .t706__bubble .t706__bubble-close:hover {
    background: #f3effd !important;
}

/* =========================================================
   28. МОБІЛЬНА ВЕРСІЯ
   ========================================================= */

@media screen and (max-width: 640px) {

    body .t706__bubble {
        left: 12px !important;
        right: 12px !important;

        bottom: 14px !important;

        width: auto !important;
        max-width: none !important;

        min-height: 66px !important;

        padding: 16px 44px 16px 18px !important;

        border-radius: 17px !important;
    }


    body .t706__bubble::before {
        top: 11px !important;
        bottom: 11px !important;

        width: 3px !important;
    }


    body .t706__bubble .t706__bubble-text {
        font-size: 14px !important;
        line-height: 1.35 !important;
    }


    body .t706__bubble .t706__bubble-close {
        top: 6px !important;
        right: 6px !important;

        width: 28px !important;
        height: 28px !important;

        font-size: 20px !important;
        line-height: 28px !important;
    }

}


/* =========================================================
   КІНЕЦЬ CSS
   ========================================================= */