/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Sep 19 2026 | 15:06:56 */
.woocommerce ul.products li.product .product-icons-pack {
    display: none !important;
}
.hapk-thumb-link {
    display: block;
    text-decoration: none;
    cursor: pointer;
}
.hapk-thumb-link:hover {
    text-decoration: none;
}
.woocommerce ul.products li.product .hapk-thumb-link {
    display: block;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: -20px;
    overflow: hidden;
}
.woocommerce ul.products li.product .hapk-thumb-link img {
    width: 100%;
    display: block;
}
.woocommerce ul.products li.product {
    width: 25% !important;
}
@media (max-width: 991px) {
    .woocommerce ul.products li.product {
        width: 50% !important;
    }
}
@media (max-width: 480px) {
    .woocommerce ul.products li.product {
        width: 100% !important;
    }
}
.woocommerce ul.products {
    display: flex !important;
    flex-wrap: wrap !important;
}
.woocommerce ul.products li.product {
    flex: 0 0 25% !important;
    max-width: 25% !important;
}
@media (max-width: 991px) {
    .woocommerce ul.products li.product {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
}
@media (max-width: 480px) {
    .woocommerce ul.products li.product {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}