.sd-bordered-dark {
    --sd-bordered-brd: rgba(0, 0, 0, 0.105);
    --sd-bordered-bg: #f7f7f7
}

.sd-bordered-light {
    --sd-bordered-brd: rgba(255, 255, 255, 0.15);
    --sd-bordered-bg: #0a0a0a
}

.products-bordered-grid {
    --sd-prods-brd: 1px solid var(--sd-bordered-brd, var(--brdcolor-gray-300))
}

.products-bordered-grid.sd-grid-f-col {
    margin: 0
}

.products-bordered-grid.sd-grid-f-col > .sd-col {
    margin-bottom: 0
}

.products-bordered-grid.elements-grid {
    gap: 0;
    align-items: stretch;
    border-inline-start: var(--sd-prods-brd)
}

.products-bordered-grid.elements-grid > .sd-col {
    padding: calc(var(--sd-gap) / 2);
    border-top: var(--sd-prods-brd-top);
    border-bottom: var(--sd-prods-brd);
    border-inline-end: var(--sd-prods-brd)
}

.products-bordered-grid-ins :is(.sd-cat-wrap,.product-wrapper) {
    border: 1px solid var(--sd-bordered-brd, var(--brdcolor-gray-300))
}

.products-bordered-grid .sd-carousel-wrap {
    align-items: stretch
}

.products-bordered-grid .sd-carousel-inner {
    margin: 0;
    border: var(--sd-prods-brd);
    border-radius: var(--sd-brd-radius)
}

.products-bordered-grid .sd-carousel {
    z-index: 1;
    padding: 0;
    margin: 0;
    border-radius: inherit;
    -webkit-mask-image: linear-gradient(to left, transparent 1px, black 1px);
    mask-image: linear-gradient(to left, transparent 1px, black 1px)
}

.products-bordered-grid .sd-carousel-item {
    height: auto;
    border-inline-end: var(--sd-prods-brd);
    padding: calc(var(--sd-gap) / 2)
}

.products-bordered-grid.sd-products-with-bg.elements-grid > .sd-col, .products-bordered-grid.sd-products-with-bg .sd-carousel-inner {
    background-color: var(--sd-bordered-bg, var(--sd-prod-bg))
}

.products-bordered-grid.sd-products-with-shadow.elements-grid > .sd-col, .products-bordered-grid.sd-products-with-shadow .sd-carousel-inner {
    box-shadow: var(--sd-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) {
        --sd-prods-brd-top: var(--sd-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) {
        --sd-prods-brd-top: var(--sd-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) {
        --sd-prods-brd-top: var(--sd-prods-brd)
    }
}