/* Keep the theme's product-card markup and use a responsive grid. */
.bk-related-more { clear: both; }
.woocommerce .bk-related-more ul.products,
.bk-related-more ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
    padding: 0;
    margin: 0 0 24px;
    list-style: none;
}
.bk-related-more[data-columns="1"] ul.products { grid-template-columns: minmax(0, 1fr); }
.bk-related-more[data-columns="2"] ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.bk-related-more[data-columns="3"] ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.bk-related-more[data-columns="5"] ul.products { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.bk-related-more[data-columns="6"] ul.products { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.woocommerce .bk-related-more ul.products::before,
.woocommerce .bk-related-more ul.products::after,
.bk-related-more ul.products::before,
.bk-related-more ul.products::after { display: none !important; content: none !important; }
.woocommerce .bk-related-more ul.products li.product,
.bk-related-more ul.products li.product {
    width: auto !important;
    float: none !important;
    clear: none !important;
    margin: 0 !important;
    min-width: 0;
}
.bk-related-controls { text-align: center; clear: both; }
.bk-related-more [hidden] { display: none !important; }
.bk-related-button[disabled] { opacity: .65; cursor: wait; }
.bk-related-sentinel { display: block; height: 1px; }
.bk-related-status { text-align: center; margin: 12px 0; }
@media (max-width: 1024px) {
    .bk-related-more[data-columns="4"] ul.products,
    .bk-related-more[data-columns="5"] ul.products,
    .bk-related-more[data-columns="6"] ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
    .woocommerce .bk-related-more ul.products,
    .bk-related-more ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px; }
    .woocommerce .bk-related-more[data-columns="1"] ul.products,
    .bk-related-more[data-columns="1"] ul.products { grid-template-columns: minmax(0, 1fr) !important; }
}