.wd-bordered-dark {
   --wd-bordered-brd: rgba(0, 0, 0, 0.105);
   --wd-bordered-bg: #f7f7f7;
}
.wd-bordered-light {
   --wd-bordered-brd: rgba(255, 255, 255, 0.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 .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 left, transparent 1px, black 1px);
   mask-image: linear-gradient(to left, 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);
   }
}
