@media screen and (max-width: 767px) {

    .home .fajrfair-home-product-cat-container .wd-product.wd-hover-base .wrapp-swatches {
        display: none;
        opacity: 0;
    }

    .wd-product.wd-hover-base.product-no-swatches .wrapp-swatches {
        display: block !important;
    }

    .home .wd-product.wd-hover-base .wd-buttons.wd-pos-r-t  {
        opacity: 0;
    }

    .wd-hover-with-fade.wd-fade-off .product-element-bottom {
        z-index: 99999;
    }

    .wd-product.wd-hover-base .wrapp-swatches, .wd-buttons.wd-pos-r-t, .shop-page-wrap-wishlist {
        display: none !important;
        opacity: 0 !important;
    }
    
    .wd-product.wd-hover-base .wrapp-swatches.active, .wd-buttons.wd-pos-r-t.active, .shop-page-wrap-wishlist.active {
        display: block !important;
        opacity: 1 !important;
    }

    .fajrfair-pre-order-product .wrap-wishlist-button, .fajrfair-pre-order-product .wd-add-btn.wd-add-btn-replace {
        display: none !important;
        opacity: 0 !important;
    }
    .fajrfair-pre-order-product .wrap-wishlist-button.active, .fajrfair-pre-order-product .wd-add-btn.wd-add-btn-replace.active {
        display: block !important;
        opacity: 1 !important;
    }

    .fajrfair-package-product .wrap-wishlist-button, .fajrfair-package-product .wd-add-btn.wd-add-btn-replace {
        display: none !important;
        opacity: 0 !important;
    }

    .fajrfair-package-product .wrap-wishlist-button.packageActive, .fajrfair-package-product .wd-add-btn.wd-add-btn-replace.packageActive {
        display: block !important;
        opacity: 1 !important;
    }
}

.preorder-publishing-notice {
    background-color: #ffeed4;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px;
    margin: 0px 0px 20px 0px;
    color: #1f2937;
    font-size: 15px;
    line-height: 1.6;
}

.preorder-icon {
    min-width: 28px;
    height: 28px;
    background-color: #f59e0b;
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 18px;
    line-height: 1;
    margin-top: 2px;
}

.preorder-publishing-notice p {
    margin: 0px !important;
    color: #1f2937 !important;
    font-size: 15px;
    line-height: 1.6;
}