/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Aug 04 2026 | 11:52:49 */
/* КОНТЕЙНЕР */

.woocommerce ul.products{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}

/*  КАТЕГОРИИ*/

.woocommerce ul.products > li.product-category{
    float:none!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    text-align:center;
    border:none!important;
}

.woocommerce ul.products > li.product-category figure{
    margin:0 0 12px;
}

.woocommerce ul.products > li.product-category .ct-media-container{
    display:block;
}

.woocommerce ul.products > li.product-category img{
    width:100%;
    aspect-ratio:1;
    object-fit:cover;
    border-radius:8px;
}

.woocommerce ul.products > li.product-category h4{
    margin:0;
    font-size:18px;
    line-height:1.3;
}


/*  ТОВАРЫ */

.woocommerce ul.products li.product:not(.product-category){
    grid-column:1/-1;

    width:100%;
    max-width:100%;
    display:grid;
    grid-template-columns:60px minmax(350px,1fr) 250px 170px;
    align-items:center;
    gap:15px;
    padding:10px 12px;
    margin:0;
    border-bottom:1px solid #ddd;
}

.woocommerce ul.products li.product:not(.product-category) figure{
    grid-column:1;
    margin:0;
    width:60px;
}

.woocommerce ul.products li.product:not(.product-category) .ct-media-container,
.woocommerce ul.products li.product:not(.product-category) .ct-media-container img{
    width:60px;
    height:60px;
    object-fit:contain;
}

.woocommerce ul.products li.product:not(.product-category) .woocommerce-loop-product__title{
    grid-column:2;
    margin:0;
    text-align:left;
}

.woocommerce ul.products li.product:not(.product-category) .entry-meta{
    grid-column:3;
    margin:0;
    padding:0;
    list-style:none;
}

.woocommerce ul.products li.product:not(.product-category) .meta-categories{
    margin:0;
    font-size:0;
}

.woocommerce ul.products li.product:not(.product-category) .meta-categories a:last-child,
.woocommerce ul.products li.product:not(.product-category) .meta-categories .ct-term-20{
    display:none;
}

.woocommerce ul.products li.product:not(.product-category) .meta-categories a:first-child{
    font-size:12px;
}

.woocommerce ul.products li.product:not(.product-category) .entry-excerpt{
    display:none;
}

.catalog-popup-btn{
    grid-column:4;
    justify-self:start;
    display:inline-block;
    padding:8px 15px;
    background:#E67E22;
    color:#fff;
    text-decoration:none;
    border-radius:4px;
    white-space:nowrap;
}

/* ===========================
   ПЛАНШЕТ
=========================== */

@media (max-width:992px){

    .woocommerce ul.products{
        grid-template-columns:repeat(2,1fr);
    }

    .woocommerce ul.products li.product:not(.product-category){
        grid-column:1/-1;
        grid-template-columns:50px minmax(200px,1fr) 150px 120px;
    }

}

/* ===========================
   ТЕЛЕФОН
=========================== */

@media (max-width:768px){

    .woocommerce ul.products{
        grid-template-columns:1fr;
    }

    .woocommerce ul.products li.product:not(.product-category){
        display:grid;
        grid-column:1/-1;

        grid-template-columns:100px 1fr;
        grid-template-areas:
            "image title"
            "image categories"
            "button button";
    }

    .woocommerce ul.products li.product:not(.product-category) figure{
        grid-area:image;
        width:100px;
    }

    .woocommerce ul.products li.product:not(.product-category) .ct-media-container,
    .woocommerce ul.products li.product:not(.product-category) .ct-media-container img{
        width:100px;
        height:100px;
    }

    .woocommerce ul.products li.product:not(.product-category) .woocommerce-loop-product__title{
        grid-area:title;
    }

    .woocommerce ul.products li.product:not(.product-category) .entry-meta{
        grid-area:categories;
    }
}