.ps-dokan {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--G4);
}

.woocommerce .ps-dokan__products {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: var(--G4);

    .products {
        display: block !important;
    }

    .product {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: space-between;
        gap: var(--G3);
        margin: 0;
        padding: var(--G4);
        background-color: var(--PS-COLOR--APP);
        box-shadow: var(--BOX-SHADOW--HARD);
        border-radius: var(--BORDER-RADIUS--MD);

        &:before,
        &:after {
            display: none;
        }

        .woocommerce-loop-product__title {
            padding-top: 0;
            font-size: var(--PS-FONT-SIZE);
        }

        span.onsale {
            top: var(--G4);
            left: auto;
            right: var(--G4);
            padding: 0;
        }

        .wp-post-image {
            border-radius: var(--BORDER-RADIUS);
        }

        .button {
            justify-content: center;
            width: 100%;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            line-height: 1;
            font-size: var(--F-S);
            color: var(--c-ps-btn-action-color);
            background-color: var(--c-ps-btn-action-bg);
            border-radius: var(--BORDER-RADIUS);

            &:hover {
                background-color: var(--c-ps-btn-action-bg-hover);
                color: var(--c-ps-btn-action-color-hover);
            }
        }
    }
}

.ps-dokan-product__filters {
    padding: var(--G4);
    background-color: var(--PS-COLOR--APP);
    box-shadow: var(--BOX-SHADOW--HARD);
    border-radius: var(--BORDER-RADIUS--MD);
}