.elementor-54 .elementor-element.elementor-element-5199532{--display:flex;--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-54 .elementor-element.elementor-element-a03ff74{--display:flex;}.elementor-54 .elementor-element.elementor-element-08f2205{--e-image-carousel-slides-to-show:1;margin:-35px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-54 .elementor-element.elementor-element-08f2205 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-54 .elementor-element.elementor-element-08f2205 .elementor-swiper-button.elementor-swiper-button-next{font-size:20px;color:#FFFFFF;}.elementor-54 .elementor-element.elementor-element-08f2205 .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-54 .elementor-element.elementor-element-08f2205 .elementor-swiper-button.elementor-swiper-button-next svg{fill:#FFFFFF;}.elementor-54 .elementor-element.elementor-element-08f2205 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:6px;--swiper-pagination-bullet-vertical-gap:6px;width:6px;height:6px;background:#000000;}.elementor-54 .elementor-element.elementor-element-08f2205 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background:#FFFFFF;opacity:1;}.elementor-54 .elementor-element.elementor-element-21372d3{--display:flex;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-54 .elementor-element.elementor-element-d66a1eb{--display:flex;}.elementor-54 .elementor-element.elementor-element-526bfce{--e-image-carousel-slides-to-show:1;margin:-35px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-54 .elementor-element.elementor-element-526bfce .elementor-swiper-button.elementor-swiper-button-prev, .elementor-54 .elementor-element.elementor-element-526bfce .elementor-swiper-button.elementor-swiper-button-next{font-size:20px;color:#FFFFFF;}.elementor-54 .elementor-element.elementor-element-526bfce .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-54 .elementor-element.elementor-element-526bfce .elementor-swiper-button.elementor-swiper-button-next svg{fill:#FFFFFF;}.elementor-54 .elementor-element.elementor-element-526bfce .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:6px;--swiper-pagination-bullet-vertical-gap:6px;width:6px;height:6px;background:#000000;}.elementor-54 .elementor-element.elementor-element-526bfce .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background:#FFFFFF;opacity:1;}.elementor-54 .elementor-element.elementor-element-4be3aa7{--display:flex;--margin-top:15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-54 .elementor-element.elementor-element-70ee55a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-54 .elementor-element.elementor-element-70ee55a .elementor-heading-title{font-size:40px;font-weight:700;}.elementor-54 .elementor-element.elementor-element-cc4930b{--display:flex;}.elementor-54 .elementor-element.elementor-element-37f4561{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;padding:0px 0px 0px 0px;text-align:center;font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:700;}.elementor-54 .elementor-element.elementor-element-1b266f6{--display:flex;}.elementor-54 .elementor-element.elementor-element-ed1bc65{--display:flex;--padding-top:100px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-382a861{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-54 .elementor-element.elementor-element-382a861 .elementor-heading-title{font-size:40px;font-weight:700;}.elementor-54 .elementor-element.elementor-element-e42197f{--display:flex;}.elementor-54 .elementor-element.elementor-element-01075ab{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;padding:0px 0px 0px 0px;text-align:start;font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:700;}.elementor-54 .elementor-element.elementor-element-c8caf13{--display:flex;}.elementor-54 .elementor-element.elementor-element-c8a1ddb{--display:flex;--margin-top:0px;--margin-bottom:35px;--margin-left:0px;--margin-right:0px;--padding-top:45px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-54bbd7a{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;--divider-icon-size:5px;}.elementor-54 .elementor-element.elementor-element-54bbd7a .elementor-divider-separator{width:100%;}.elementor-54 .elementor-element.elementor-element-54bbd7a .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-54 .elementor-element.elementor-element-52acd08{--display:flex;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-36f1796{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-54 .elementor-element.elementor-element-b227915{--display:flex;}.elementor-54 .elementor-element.elementor-element-c4c294b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-54 .elementor-element.elementor-element-c4c294b .elementor-heading-title{font-size:29px;font-weight:700;}.elementor-54 .elementor-element.elementor-element-e24c7ac{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:700;}.elementor-54 .elementor-element.elementor-element-01ca4fe{--display:flex;}.elementor-54 .elementor-element.elementor-element-be46087{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-54 .elementor-element.elementor-element-be46087 img{border-radius:25px 25px 25px 25px;}@media(max-width:1024px){.elementor-54 .elementor-element.elementor-element-70ee55a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-54 .elementor-element.elementor-element-ed1bc65{--padding-top:35px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-382a861{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-54 .elementor-element.elementor-element-c4c294b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}@media(max-width:767px){.elementor-54 .elementor-element.elementor-element-21372d3{--margin-top:-5px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-54 .elementor-element.elementor-element-70ee55a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-54 .elementor-element.elementor-element-70ee55a .elementor-heading-title{font-size:30px;}.elementor-54 .elementor-element.elementor-element-3d7a48a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-54 .elementor-element.elementor-element-382a861{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-54 .elementor-element.elementor-element-382a861 .elementor-heading-title{font-size:30px;}.elementor-54 .elementor-element.elementor-element-01075ab{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-54 .elementor-element.elementor-element-2fdc016{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-54 .elementor-element.elementor-element-52acd08{--margin-top:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-c4c294b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-54 .elementor-element.elementor-element-c4c294b .elementor-heading-title{font-size:28px;}.elementor-54 .elementor-element.elementor-element-e24c7ac{text-align:center;}.elementor-54 .elementor-element.elementor-element-01ca4fe{--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-54 .elementor-element.elementor-element-be46087 img{border-radius:15px 15px 15px 15px;}}/* Start custom CSS for container, class: .elementor-element-a03ff74 */.elementor-54 .elementor-element.elementor-element-a03ff74{
    width:100vw !important;
    max-width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d66a1eb */.elementor-54 .elementor-element.elementor-element-d66a1eb{
    width:100vw !important;
    max-width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-3d7a48a *//* ==========================================================
   KANDEMIR — WOOCOMMERCE PRODUCT GRID
   FIXED FIRST COLUMN
   ========================================================== */


/* ==========================================================
   1. УБИРАЕМ СЛУЖЕБНЫЕ ПСЕВДОЭЛЕМЕНТЫ WOOCOMMERCE
   ========================================================== */

.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce-page ul.products::before,
.woocommerce-page ul.products::after {
    content: none !important;
    display: none !important;
}


/* ==========================================================
   2. ОСНОВНАЯ СЕТКА
   ========================================================== */

.woocommerce ul.products {
    display: grid !important;

    grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;

    grid-auto-flow: row !important;
    grid-auto-columns: auto !important;

    gap: 28px 14px !important;

    width: 100% !important;
    max-width: 100% !important;

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

    list-style: none !important;

    clear: none !important;

    box-sizing: border-box !important;
}


/* ==========================================================
   3. КАЖДЫЙ ТОВАР
   ========================================================== */

.woocommerce ul.products > li.product {
    position: relative !important;

    display: block !important;

    grid-column: auto !important;
    grid-row: auto !important;

    width: 100% !important;
    max-width: none !important;

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

    float: none !important;
    clear: none !important;

    background: transparent !important;

    border: none !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    overflow: visible !important;

    text-align: left !important;

    box-sizing: border-box !important;

    transform: none !important;
}


/* ==========================================================
   4. ВАЖНЫЙ FIX
   ПЕРВЫЙ ТОВАР ВСЕГДА В ПЕРВОЙ КОЛОНКЕ
   ========================================================== */

.woocommerce ul.products > li.product:first-of-type {
    grid-column: 1 !important;
    grid-row: auto !important;
}


/* ==========================================================
   5. УБИРАЕМ ПУСТЫЕ LI
   ========================================================== */

.woocommerce ul.products > li:empty {
    display: none !important;
}


/* ==========================================================
   6. УБИРАЕМ СТАНДАРТНЫЕ WOO WIDTH / FLOAT
   ========================================================== */

.woocommerce.columns-1 ul.products li.product,
.woocommerce.columns-2 ul.products li.product,
.woocommerce.columns-3 ul.products li.product,
.woocommerce.columns-4 ul.products li.product,
.woocommerce.columns-5 ul.products li.product,
.woocommerce.columns-6 ul.products li.product,
.woocommerce-page.columns-1 ul.products li.product,
.woocommerce-page.columns-2 ul.products li.product,
.woocommerce-page.columns-3 ul.products li.product,
.woocommerce-page.columns-4 ul.products li.product,
.woocommerce-page.columns-5 ul.products li.product,
.woocommerce-page.columns-6 ul.products li.product {

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    float: none !important;
    clear: none !important;
}


/* ==========================================================
   7. ССЫЛКА ТОВАРА
   ========================================================== */

.woocommerce ul.products li.product > a,
.woocommerce ul.products li.product
.woocommerce-loop-product__link {

    display: block !important;

    position: relative !important;

    width: 100% !important;

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

    text-decoration: none !important;

    color: #111 !important;

    overflow: visible !important;

    text-align: left !important;
}


/* ==========================================================
   8. ФОТО
   ========================================================== */

.woocommerce ul.products li.product img {

    display: block !important;

    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;

    aspect-ratio: 1.5 / 1 !important;

    object-fit: cover !important;

    margin:
        0
        0
        13px
        0 !important;

    padding: 0 !important;

    border-radius: 5px !important;

    transform: scale(1) !important;

    filter: none !important;

    transition:
        transform .55s cubic-bezier(.22,.61,.36,1),
        filter .4s ease !important;
}


/* ==========================================================
   9. HOVER ФОТО
   ========================================================== */

@media (hover: hover) {

    .woocommerce ul.products li.product:hover img {

        transform: scale(1.018) !important;

        filter:
            brightness(.94)
            contrast(1.02) !important;
    }
}


/* ==========================================================
   10. НАЗВАНИЕ ТОВАРА
   ========================================================== */

.woocommerce ul.products li.product
.woocommerce-loop-product__title {

    display: block !important;

    position: relative !important;

    width: 100% !important;

    box-sizing: border-box !important;

    margin: 0 !important;

    padding:
        2px
        55px
        13px
        2px !important;

    min-height: 39px !important;

    font-family:
        "Space Grotesk",
        sans-serif !important;

    font-size: 17px !important;

    line-height: 1.18 !important;

    font-weight: 600 !important;

    letter-spacing: -.35px !important;

    text-transform: uppercase !important;

    text-align: left !important;

    color: #111 !important;

    border-bottom:
        1px solid rgba(0,0,0,.15) !important;

    transition:
        border-color .3s ease !important;
}


/* ==========================================================
   11. КРУГЛАЯ КНОПКА
   ========================================================== */

.woocommerce ul.products li.product
.woocommerce-loop-product__title::after {

    content: "↗" !important;

    position: absolute !important;

    right: 1px !important;
    top: -10px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 36px !important;
    height: 36px !important;

    box-sizing: border-box !important;

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

    background: #f7f7f5 !important;

    border:
        1px solid rgba(0,0,0,.18) !important;

    border-radius: 50% !important;

    color: #111 !important;

    font-family:
        "Space Grotesk",
        sans-serif !important;

    font-size: 16px !important;

    line-height: 1 !important;

    font-weight: 400 !important;

    transition:
        background .3s ease,
        color .3s ease,
        border-color .3s ease,
        transform .3s cubic-bezier(.2,.8,.2,1) !important;
}


/* ==========================================================
   12. HOVER КНОПКИ
   ========================================================== */

@media (hover: hover) {

    .woocommerce ul.products li.product:hover
    .woocommerce-loop-product__title {

        border-color: #111 !important;
    }


    .woocommerce ul.products li.product:hover
    .woocommerce-loop-product__title::after {

        background: #111 !important;

        color: #fff !important;

        border-color: #111 !important;

        transform:
            rotate(45deg)
            scale(1.04) !important;
    }
}


/* ==========================================================
   13. УБИРАЕМ СТАРЫЕ DECORATION
   ========================================================== */

.woocommerce ul.products li.product::before,
.woocommerce ul.products li.product::after {

    content: none !important;

    display: none !important;
}


/* ==========================================================
   14. УБИРАЕМ СТАНДАРТНЫЕ ЭЛЕМЕНТЫ WOO
   ========================================================== */

.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart,
.woocommerce ul.products li.product .star-rating,
.woocommerce ul.products li.product .onsale {

    display: none !important;
}


/* ==========================================================
   15. УБИРАЕМ СТАРЫЕ HOVER ЭФФЕКТЫ КАРТОЧКИ
   ========================================================== */

.woocommerce ul.products li.product:hover {

    box-shadow: none !important;

    transform: none !important;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 1024px) {

    .woocommerce ul.products {

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 26px 14px !important;
    }


    .woocommerce ul.products > li.product:first-of-type {

        grid-column: 1 !important;
    }


    .woocommerce ul.products li.product
    .woocommerce-loop-product__title {

        padding-right: 53px !important;

        font-size: 16px !important;
    }


    .woocommerce ul.products li.product
    .woocommerce-loop-product__title::after {

        width: 35px !important;
        height: 35px !important;

        top: -11px !important;

        font-size: 15px !important;
    }
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {


    .woocommerce ul.products {

        display: grid !important;

        grid-template-columns:
            minmax(0, 1fr) !important;

        gap: 25px !important;

        width: 100% !important;

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


    .woocommerce ul.products::before,
    .woocommerce ul.products::after {

        content: none !important;

        display: none !important;
    }


    .woocommerce ul.products > li.product {

        display: block !important;

        grid-column: 1 !important;
        grid-row: auto !important;

        width: 100% !important;

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

        float: none !important;

        background: transparent !important;

        border: none !important;

        border-radius: 0 !important;

        box-shadow: none !important;

        overflow: visible !important;

        text-align: left !important;
    }


    .woocommerce ul.products li.product > a,
    .woocommerce ul.products li.product
    .woocommerce-loop-product__link {

        display: block !important;

        width: 100% !important;

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

        text-align: left !important;
    }


    .woocommerce ul.products li.product img {

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;

        aspect-ratio: 1.48 / 1 !important;

        object-fit: cover !important;

        margin:
            0
            0
            12px
            0 !important;

        padding: 0 !important;

        border-radius: 5px !important;

        transform: none !important;

        filter: none !important;
    }


    .woocommerce ul.products li.product
    .woocommerce-loop-product__title {

        display: block !important;

        position: relative !important;

        width: 100% !important;

        box-sizing: border-box !important;

        min-height: 40px !important;

        margin: 0 !important;

        padding:
            2px
            52px
            13px
            2px !important;

        font-family:
            "Space Grotesk",
            sans-serif !important;

        font-size: 15px !important;

        line-height: 1.18 !important;

        font-weight: 600 !important;

        letter-spacing: -.3px !important;

        text-transform: uppercase !important;

        text-align: left !important;

        color: #111 !important;

        border-bottom:
            1px solid #d8d8d8 !important;
    }


    .woocommerce ul.products li.product
    .woocommerce-loop-product__title::after {

        content: "↗" !important;

        position: absolute !important;

        right: 2px !important;

        top: -27px !important;

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: 35px !important;
        height: 35px !important;

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

        box-sizing: border-box !important;

        background: #f7f7f5 !important;

        border:
            1px solid #cecece !important;

        border-radius: 50% !important;

        color: #111 !important;

        font-family:
            "Space Grotesk",
            sans-serif !important;

        font-size: 15px !important;

        line-height: 1 !important;

        font-weight: 400 !important;

        transform: none !important;

        transition:
            background .25s ease,
            color .25s ease,
            border-color .25s ease,
            transform .25s ease !important;
    }


    .woocommerce ul.products li.product:active
    .woocommerce-loop-product__title::after {

        background: #111 !important;

        color: #fff !important;

        border-color: #111 !important;

        transform:
            rotate(45deg)
            scale(.95) !important;
    }


    .woocommerce ul.products li.product:hover img {

        transform: none !important;

        filter: none !important;
    }


    .woocommerce ul.products li.product:hover {

        transform: none !important;

        box-shadow: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2fdc016 *//* ==========================================================
   KANDEMIR — WOOCOMMERCE PRODUCT GRID
   FIXED FIRST COLUMN
   ========================================================== */


/* ==========================================================
   1. УБИРАЕМ СЛУЖЕБНЫЕ ПСЕВДОЭЛЕМЕНТЫ WOOCOMMERCE
   ========================================================== */

.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce-page ul.products::before,
.woocommerce-page ul.products::after {
    content: none !important;
    display: none !important;
}


/* ==========================================================
   2. ОСНОВНАЯ СЕТКА
   ========================================================== */

.woocommerce ul.products {
    display: grid !important;

    grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;

    grid-auto-flow: row !important;
    grid-auto-columns: auto !important;

    gap: 28px 14px !important;

    width: 100% !important;
    max-width: 100% !important;

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

    list-style: none !important;

    clear: none !important;

    box-sizing: border-box !important;
}


/* ==========================================================
   3. КАЖДЫЙ ТОВАР
   ========================================================== */

.woocommerce ul.products > li.product {
    position: relative !important;

    display: block !important;

    grid-column: auto !important;
    grid-row: auto !important;

    width: 100% !important;
    max-width: none !important;

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

    float: none !important;
    clear: none !important;

    background: transparent !important;

    border: none !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    overflow: visible !important;

    text-align: left !important;

    box-sizing: border-box !important;

    transform: none !important;
}


/* ==========================================================
   4. ВАЖНЫЙ FIX
   ПЕРВЫЙ ТОВАР ВСЕГДА В ПЕРВОЙ КОЛОНКЕ
   ========================================================== */

.woocommerce ul.products > li.product:first-of-type {
    grid-column: 1 !important;
    grid-row: auto !important;
}


/* ==========================================================
   5. УБИРАЕМ ПУСТЫЕ LI
   ========================================================== */

.woocommerce ul.products > li:empty {
    display: none !important;
}


/* ==========================================================
   6. УБИРАЕМ СТАНДАРТНЫЕ WOO WIDTH / FLOAT
   ========================================================== */

.woocommerce.columns-1 ul.products li.product,
.woocommerce.columns-2 ul.products li.product,
.woocommerce.columns-3 ul.products li.product,
.woocommerce.columns-4 ul.products li.product,
.woocommerce.columns-5 ul.products li.product,
.woocommerce.columns-6 ul.products li.product,
.woocommerce-page.columns-1 ul.products li.product,
.woocommerce-page.columns-2 ul.products li.product,
.woocommerce-page.columns-3 ul.products li.product,
.woocommerce-page.columns-4 ul.products li.product,
.woocommerce-page.columns-5 ul.products li.product,
.woocommerce-page.columns-6 ul.products li.product {

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    float: none !important;
    clear: none !important;
}


/* ==========================================================
   7. ССЫЛКА ТОВАРА
   ========================================================== */

.woocommerce ul.products li.product > a,
.woocommerce ul.products li.product
.woocommerce-loop-product__link {

    display: block !important;

    position: relative !important;

    width: 100% !important;

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

    text-decoration: none !important;

    color: #111 !important;

    overflow: visible !important;

    text-align: left !important;
}


/* ==========================================================
   8. ФОТО
   ========================================================== */

.woocommerce ul.products li.product img {

    display: block !important;

    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;

    aspect-ratio: 1.5 / 1 !important;

    object-fit: cover !important;

    margin:
        0
        0
        13px
        0 !important;

    padding: 0 !important;

    border-radius: 5px !important;

    transform: scale(1) !important;

    filter: none !important;

    transition:
        transform .55s cubic-bezier(.22,.61,.36,1),
        filter .4s ease !important;
}


/* ==========================================================
   9. HOVER ФОТО
   ========================================================== */

@media (hover: hover) {

    .woocommerce ul.products li.product:hover img {

        transform: scale(1.018) !important;

        filter:
            brightness(.94)
            contrast(1.02) !important;
    }
}


/* ==========================================================
   10. НАЗВАНИЕ ТОВАРА
   ========================================================== */

.woocommerce ul.products li.product
.woocommerce-loop-product__title {

    display: block !important;

    position: relative !important;

    width: 100% !important;

    box-sizing: border-box !important;

    margin: 0 !important;

    padding:
        2px
        55px
        13px
        2px !important;

    min-height: 39px !important;

    font-family:
        "Space Grotesk",
        sans-serif !important;

    font-size: 17px !important;

    line-height: 1.18 !important;

    font-weight: 600 !important;

    letter-spacing: -.35px !important;

    text-transform: uppercase !important;

    text-align: left !important;

    color: #111 !important;

    border-bottom:
        1px solid rgba(0,0,0,.15) !important;

    transition:
        border-color .3s ease !important;
}


/* ==========================================================
   11. КРУГЛАЯ КНОПКА
   ========================================================== */

.woocommerce ul.products li.product
.woocommerce-loop-product__title::after {

    content: "↗" !important;

    position: absolute !important;

    right: 1px !important;
    top: -10px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 36px !important;
    height: 36px !important;

    box-sizing: border-box !important;

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

    background: #f7f7f5 !important;

    border:
        1px solid rgba(0,0,0,.18) !important;

    border-radius: 50% !important;

    color: #111 !important;

    font-family:
        "Space Grotesk",
        sans-serif !important;

    font-size: 16px !important;

    line-height: 1 !important;

    font-weight: 400 !important;

    transition:
        background .3s ease,
        color .3s ease,
        border-color .3s ease,
        transform .3s cubic-bezier(.2,.8,.2,1) !important;
}


/* ==========================================================
   12. HOVER КНОПКИ
   ========================================================== */

@media (hover: hover) {

    .woocommerce ul.products li.product:hover
    .woocommerce-loop-product__title {

        border-color: #111 !important;
    }


    .woocommerce ul.products li.product:hover
    .woocommerce-loop-product__title::after {

        background: #111 !important;

        color: #fff !important;

        border-color: #111 !important;

        transform:
            rotate(45deg)
            scale(1.04) !important;
    }
}


/* ==========================================================
   13. УБИРАЕМ СТАРЫЕ DECORATION
   ========================================================== */

.woocommerce ul.products li.product::before,
.woocommerce ul.products li.product::after {

    content: none !important;

    display: none !important;
}


/* ==========================================================
   14. УБИРАЕМ СТАНДАРТНЫЕ ЭЛЕМЕНТЫ WOO
   ========================================================== */

.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart,
.woocommerce ul.products li.product .star-rating,
.woocommerce ul.products li.product .onsale {

    display: none !important;
}


/* ==========================================================
   15. УБИРАЕМ СТАРЫЕ HOVER ЭФФЕКТЫ КАРТОЧКИ
   ========================================================== */

.woocommerce ul.products li.product:hover {

    box-shadow: none !important;

    transform: none !important;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 1024px) {

    .woocommerce ul.products {

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 26px 14px !important;
    }


    .woocommerce ul.products > li.product:first-of-type {

        grid-column: 1 !important;
    }


    .woocommerce ul.products li.product
    .woocommerce-loop-product__title {

        padding-right: 53px !important;

        font-size: 16px !important;
    }


    .woocommerce ul.products li.product
    .woocommerce-loop-product__title::after {

        width: 35px !important;
        height: 35px !important;

        top: -11px !important;

        font-size: 15px !important;
    }
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {


    .woocommerce ul.products {

        display: grid !important;

        grid-template-columns:
            minmax(0, 1fr) !important;

        gap: 25px !important;

        width: 100% !important;

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


    .woocommerce ul.products::before,
    .woocommerce ul.products::after {

        content: none !important;

        display: none !important;
    }


    .woocommerce ul.products > li.product {

        display: block !important;

        grid-column: 1 !important;
        grid-row: auto !important;

        width: 100% !important;

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

        float: none !important;

        background: transparent !important;

        border: none !important;

        border-radius: 0 !important;

        box-shadow: none !important;

        overflow: visible !important;

        text-align: left !important;
    }


    .woocommerce ul.products li.product > a,
    .woocommerce ul.products li.product
    .woocommerce-loop-product__link {

        display: block !important;

        width: 100% !important;

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

        text-align: left !important;
    }


    .woocommerce ul.products li.product img {

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;

        aspect-ratio: 1.48 / 1 !important;

        object-fit: cover !important;

        margin:
            0
            0
            12px
            0 !important;

        padding: 0 !important;

        border-radius: 5px !important;

        transform: none !important;

        filter: none !important;
    }


    .woocommerce ul.products li.product
    .woocommerce-loop-product__title {

        display: block !important;

        position: relative !important;

        width: 100% !important;

        box-sizing: border-box !important;

        min-height: 40px !important;

        margin: 0 !important;

        padding:
            2px
            52px
            13px
            2px !important;

        font-family:
            "Space Grotesk",
            sans-serif !important;

        font-size: 15px !important;

        line-height: 1.18 !important;

        font-weight: 600 !important;

        letter-spacing: -.3px !important;

        text-transform: uppercase !important;

        text-align: left !important;

        color: #111 !important;

        border-bottom:
            1px solid #d8d8d8 !important;
    }


    .woocommerce ul.products li.product
    .woocommerce-loop-product__title::after {

        content: "↗" !important;

        position: absolute !important;

        right: 2px !important;

        top: -27px !important;

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: 35px !important;
        height: 35px !important;

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

        box-sizing: border-box !important;

        background: #f7f7f5 !important;

        border:
            1px solid #cecece !important;

        border-radius: 50% !important;

        color: #111 !important;

        font-family:
            "Space Grotesk",
            sans-serif !important;

        font-size: 15px !important;

        line-height: 1 !important;

        font-weight: 400 !important;

        transform: none !important;

        transition:
            background .25s ease,
            color .25s ease,
            border-color .25s ease,
            transform .25s ease !important;
    }


    .woocommerce ul.products li.product:active
    .woocommerce-loop-product__title::after {

        background: #111 !important;

        color: #fff !important;

        border-color: #111 !important;

        transform:
            rotate(45deg)
            scale(.95) !important;
    }


    .woocommerce ul.products li.product:hover img {

        transform: none !important;

        filter: none !important;
    }


    .woocommerce ul.products li.product:hover {

        transform: none !important;

        box-shadow: none !important;
    }
}/* End custom CSS */
/* Start JX Custom Fonts CSS *//* End JX Custom Fonts CSS */