/* ------ CUSTOM STYLES ------ */

.search-overlay {
    backdrop-filter: blur(20px);
    background-color: rgba(255, 255, 255, 0.6);
}

.product-box .product-detail h6, .product-box .product-info h6, .product-wrap .product-detail h6, .product-wrap .product-info h6 {
    padding-top: 10px;
}

.product-box .product-detail h4, .product-box .product-info h4, .product-wrap .product-detail h4, .product-wrap .product-info h4 {
    margin-top: 10px;
}

.blog-detail-page .comment-section .media {
    display: flex;
}

@media (min-width: 577px) {
    .onhover-dropdown .onhover-show-div {
        width: 100% !important;
        min-width: 0;
    }
}

@media (max-width: 577px) {
    .top-header .header-dropdown .mobile-account, .top-header .header-dropdown .mobile-wishlist {
        left: calc(20% - 11px) !important;
        right: unset !important;
    }

    .main-menu .menu-right .icon-nav .mobile-cart {
        left: calc(40% - 11px) !important;
        right: unset !important;
    }

    .top-header .header-dropdown .mobile-wishlist {
        left: calc(60% - 11px) !important;
        right: unset !important;
    }

    .main-menu .menu-right .icon-nav .mobile-search {
        left: calc(80% - 11px) !important;
        right: unset !important;
    }
}

.cart-items {
    min-width: 15px;
    position: absolute;
    color: white;
    padding: 1px 4px;
    font-size: 10px;
    background: red;
    line-height: 14px;
    border-radius: 14px;
    text-align: center;
    right: 12px;
}

.sm-horizontal {
    position: inherit !important;
}

@media (max-width: 1199px) {
    .sm-horizontal {
        position: fixed !important;
        backdrop-filter: blur(20px);
        background-color: rgba(255, 255, 255, 0.6);
        border: none !important;
        border-left: 1px solid #eee !important;
    }

    .rtl .sm-horizontal {
        border: none !important;
        border-right: 1px solid #eee !important;
        position: relative;
    }
}

@media (max-width: 480px) {
    .blog-detail-page .comment-section li {
        width: 100%;
    }

    .blog-detail-page .comment-section .media {
        display: flex;
    }

    .blog-detail-page .comment-section li ul {
        margin: 0 !important;
    }
}

@media (max-width: 577px) {
    .cart-items {
        bottom: 12px;
        right: unset;
    }
}

.sm-horizontal .mobile-back {
    justify-content: flex-start;
}