/* GRID LOOP */
.et_pb_db_shop_cat_loop .grid-loop >  :not(.no-results-layout):before{
    content:none !important;
}
.et_pb_db_shop_cat_loop .grid-loop >  :not(.no-results-layout):after{
    content:none !important;
}
.et_pb_db_shop_cat_loop .grid-loop >  :not(.no-results-layout) li{
    width: 100% !important;
}
.et_pb_db_shop_cat_loop .grid-loop >  :not(.no-results-layout){
    display: grid;
    grid-gap: 25px;
}

/* ONE COL DESKTOP */
.et_pb_db_shop_cat_loop .col-desk-1 > :not(.no-results-layout){
    grid-template-columns: repeat(1,minmax(0,1fr));
}
/* TWO COL DESKTOP */
.et_pb_db_shop_cat_loop .col-desk-2 > :not(.no-results-layout){
    grid-template-columns: repeat(2,minmax(0,1fr));
}
/* THREE COL DESKTOP*/
.et_pb_db_shop_cat_loop .col-desk-3 > :not(.no-results-layout){
    grid-template-columns: repeat(3,minmax(0,1fr));
}
/* FOUR COL DESKTOP*/
.et_pb_db_shop_cat_loop .col-desk-4 > :not(.no-results-layout){
    grid-template-columns: repeat(4,minmax(0,1fr));
}
/* FIVE COL DESKTOP*/
.et_pb_db_shop_cat_loop .col-desk-5 > :not(.no-results-layout){
    grid-template-columns: repeat(5,minmax(0,1fr));
}
/* SIX COL DESKTOP*/
.et_pb_db_shop_cat_loop .col-desk-6 > :not(.no-results-layout){
    grid-template-columns: repeat(6,minmax(0,1fr));
}

@media all and (min-width: 768px) and (max-width: 980px) {
    /* ONE COL TABLET */
    .et_pb_db_shop_cat_loop .col-tab-1 > :not(.no-results-layout) {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    /* TWO COL TABLET */
    .et_pb_db_shop_cat_loop .col-tab-2 > :not(.no-results-layout) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    /* THREE COL TABLET*/
    .et_pb_db_shop_cat_loop .col-tab-3 > :not(.no-results-layout) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    /* FOUR COL TABLET*/
    .et_pb_db_shop_cat_loop .col-tab-4 > :not(.no-results-layout) {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    /* FIVE COL TABLET*/
    .et_pb_db_shop_cat_loop .col-tab-5 > :not(.no-results-layout) {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

@media all and (max-width: 767px) {
    /* ONE COL MOBILE */
    .et_pb_db_shop_cat_loop .col-mob-1 > :not(.no-results-layout) {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    /* TWO COL MOBILE */
    .et_pb_db_shop_cat_loop .col-mob-2 > :not(.no-results-layout) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Hover overlay + title-on-image (D4 CSS parity — no module JS) */
.appeartop_text {
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}

.appeartop_text_cont .et_overlay:before {
    opacity: 0;
}

.et_pb_db_shop_cat_loop .et_portfolio_image:hover .appeartop_text {
    z-index: 5;
    opacity: 1;
}

.et_pb_db_shop_cat_loop.hide_images .bc_back_to_shop_image,
.et_pb_db_shop_cat_loop.hide_images .bc_back_to_shop_image img {
    display: block !important;
}

.et_pb_db_shop_cat_loop.show-title-always .et_overlay {
    z-index: 3 !important;
    opacity: 1 !important;
}

.et_pb_db_shop_cat_loop.show-title-always .appeartop_text {
    z-index: 5 !important;
    opacity: 1 !important;
}

.et_pb_db_shop_cat_loop .de-bc-category-loop-pagination {
    clear: both;
    margin-top: 20px;
}

.et_pb_db_shop_cat_loop .de-bc-category-loop-pagination ul.page-numbers {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    list-style: none;
    padding: 0;
    margin: 0;
}