.wd-bordered-dark {
    --wd-bordered-brd: rgba(0,0,0,.105);
    --wd-bordered-bg: #f7f7f7
}

.wd-bordered-light {
    --wd-bordered-brd: rgba(255,255,255,.15);
    --wd-bordered-bg: #0a0a0a
}

.products-bordered-grid {
    --wd-prods-brd: 1px solid var(--wd-bordered-brd,var(--brdcolor-gray-300))
}

    .products-bordered-grid.wd-grid-f-col {
        margin: 0
    }

        .products-bordered-grid.wd-grid-f-col > .wd-col {
            margin-bottom: 0
        }

    .products-bordered-grid.elements-grid {
        gap: 0;
        align-items: stretch;
        border-inline-start: var(--wd-prods-brd)
    }

        .products-bordered-grid.elements-grid > .wd-col {
            padding: calc(var(--wd-gap) / 2);
            border-top: var(--wd-prods-brd-top);
            border-bottom: var(--wd-prods-brd);
            border-inline-end: var(--wd-prods-brd)
        }

.products-bordered-grid-ins :is(.wd-cat-wrap,.product-wrapper) {
    border: 1px solid var(--wd-bordered-brd,var(--brdcolor-gray-300))
}

.products-bordered-grid .wd-carousel-wrap {
    align-items: stretch
}

.products-bordered-grid .wd-carousel-inner {
    margin: 0;
    border: var(--wd-prods-brd);
    border-radius: var(--wd-brd-radius)
}

.products-bordered-grid .wd-carousel {
    z-index: 1;
    padding: 0;
    margin: 0;
    border-radius: inherit;
    -webkit-mask-image: linear-gradient(to right,transparent 1px,black 1px);
    mask-image: linear-gradient(to right,transparent 1px,black 1px)
}

.products-bordered-grid .wd-carousel-item {
    height: auto;
    border-inline-end: var(--wd-prods-brd);
    padding: calc(var(--wd-gap) / 2)
}

.products-bordered-grid.wd-products-with-bg.elements-grid > .wd-col, .products-bordered-grid.wd-products-with-bg .wd-carousel-inner {
    background-color: var(--wd-bordered-bg,var(--wd-prod-bg))
}

.products-bordered-grid.wd-products-with-shadow.elements-grid > .wd-col, .products-bordered-grid.wd-products-with-shadow .wd-carousel-inner {
    box-shadow: var(--wd-prod-shadow)
}

@media (min-width:1025px) {
    :is([style*="col-lg:1"],[style*="col-lg: 1"]) > :first-child, :is([style*="col-lg:2"],[style*="col-lg: 2"]) > :nth-child(-n+2), :is([style*="col-lg:3"],[style*="col-lg: 3"]) > :nth-child(-n+3), :is([style*="col-lg:4"],[style*="col-lg: 4"]) > :nth-child(-n+4), :is([style*="col-lg:5"],[style*="col-lg: 5"]) > :nth-child(-n+5), :is([style*="col-lg:6"],[style*="col-lg: 6"]) > :nth-child(-n+6) {
        --wd-prods-brd-top: var(--wd-prods-brd)
    }
}

@media (max-width:768.98px) {
    :is([style*="col-sm:1"],[style*="col-sm: 1"]) > :first-child, :is([style*="col-sm:2"],[style*="col-sm: 2"]) > :nth-child(-n+2) {
        --wd-prods-brd-top: var(--wd-prods-brd)
    }
}

@media (min-width:769px) and (max-width:1024px) {
    :is([style*="col-md:1"],[style*="col-md: 1"]) > :first-child, :is([style*="col-md:2"],[style*="col-md: 2"]) > :nth-child(-n+2), :is([style*="col-md:3"],[style*="col-md: 3"]) > :nth-child(-n+3), :is([style*="col-md:4"],[style*="col-md: 4"]) > :nth-child(-n+4), :is([style*="col-md:5"],[style*="col-md: 5"]) > :nth-child(-n+5), :is([style*="col-md:6"],[style*="col-md: 6"]) > :nth-child(-n+6) {
        --wd-prods-brd-top: var(--wd-prods-brd)
    }
}
