@media (max-width: 991px) {
    /* Keep card containers unfiltered; grayscale only the leaf photo. */
    .item.outofstock,
    .item .item-area.outofstock,
    .products .item.outofstock:hover,
    .products .item .item-area.outofstock:hover {
        -webkit-filter: none !important;
        filter: none !important;
        transition-property: opacity, background-color, border-color, box-shadow, transform !important;
    }
    .item.outofstock .product-image img,
    .item .item-area.outofstock .product-image img {
        -webkit-filter: grayscale(1) !important;
        filter: grayscale(1) !important;
        transition-property: opacity !important;
    }
    .item.outofstock .product-name a,
    .item .item-area.outofstock .product-name a,
    .item.outofstock .price,
    .item.outofstock .price *,
    .item .item-area.outofstock .price,
    .item .item-area.outofstock .price * { color: #777 !important; }
    .item.outofstock .elm_txt_l.out_of_stock,
    .item .item-area.outofstock .elm_txt_l.out_of_stock {
        background-color: #777 !important;
        color: #fff !important;
    }
    .item.outofstock .elm_txt_l.out_of_stock::before,
    .item .item-area.outofstock .elm_txt_l.out_of_stock::before { border-bottom-color: #777 !important; }
    .item.outofstock .elm_txt_l.out_of_stock::after,
    .item .item-area.outofstock .elm_txt_l.out_of_stock::after { border-top-color: #666 !important; }
    .item.outofstock .item-area .product-image-area > .zitu-auto-discount-badge,
    .item .item-area.outofstock .product-image-area > .zitu-auto-discount-badge {
        background: #777 !important;
        color: #fff !important;
        box-shadow: none !important;
    }

    .zitu-mobile-search-dismissed #ajax-search-result { display: none !important; }
    .zitu-mobile-search-panel {
        position: fixed;
        top: var(--zitu-search-top, 0px);
        left: 0;
        width: 100%;
        height: var(--zitu-search-height, 100vh);
        box-sizing: border-box;
        z-index: 2147483000;
        background: #f6f7f9;
        direction: rtl;
        overflow: hidden;
        overscroll-behavior: none;
    }
    .zitu-mobile-search-panel form.search_wrap {
        position: static !important;
        display: block !important;
        float: none !important;
        width: auto !important;
        max-width: none !important;
        height: 48px !important;
        margin: 8px !important;
        padding: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
    }
    .zitu-mobile-search-panel form.search_wrap input[type="text"],
    .zitu-mobile-search-panel form.search_wrap input[type="search"] {
        box-sizing: border-box;
        width: 100% !important;
        height: 48px !important;
        margin: 0 !important;
        padding: 0 42px 0 52px !important;
        border: 1px solid #e5e7eb;
        border-radius: 10px;
        background: #fff !important;
        font-size: 16px !important; /* Prevent focus zoom on iOS. */
    }
    .zitu-mobile-search-panel form.search_wrap .search_icon {
        position: absolute !important;
        right: 20px !important;
        top: 21px !important;
        left: auto !important;
        bottom: auto !important;
        width: 22px !important;
        height: 22px !important;
        margin: 0 !important;
        float: none !important;
        line-height: 1 !important;
        pointer-events: none;
    }
    .zitu-mobile-search-panel form.search_wrap .search_icon svg {
        display: block;
        width: 22px;
        height: 22px;
        margin: 0;
    }
    .zitu-mobile-search-panel form.search_wrap > button,
    .zitu-mobile-search-panel .search_clear,
    .zitu-mobile-search-panel .search_category { display: none !important; }
    .zitu-mobile-search-close {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        left: 12px;
        top: 10px;
        width: 44px;
        height: 44px;
        padding: 10px;
        border: 0;
        border-radius: 0;
        background: transparent;
        color: #60646b;
        line-height: 1;
        cursor: pointer;
        z-index: 2;
    }
    .zitu-mobile-search-close svg {
        display: block;
        flex: 0 0 24px;
        width: 24px;
        height: 24px;
        fill: none;
        stroke: currentColor;
        pointer-events: none;
    }
    .zitu-mobile-search-panel #ajax-search-result {
        position: absolute !important;
        top: 64px !important;
        bottom: max(8px, env(safe-area-inset-bottom)) !important;
        right: 8px !important;
        left: 8px !important;
        box-sizing: border-box;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 12px !important;
        overflow: hidden !important;
        flex-direction: column;
        gap: 8px;
        border-radius: 12px;
        background: #fff;
    }
    .zitu-mobile-search-panel #ajax-search-result.zitu-mobile-search-results {
        display: flex !important;
        opacity: 1 !important;
    }
    .zitu-mobile-search-panel .ajax_search_list,
    .zitu-mobile-search-panel .search_history {
        flex: 1 1 0;
        min-height: 0 !important;
        height: auto !important;
        max-height: none !important;
        margin: 0 !important;
        overflow-y: auto !important;
        overflow-x: hidden;
        overscroll-behavior-y: contain;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-y;
    }
    .zitu-mobile-search-panel .ajax_search_list .post_with_thumb {
        display: block;
        box-sizing: border-box;
        width: 100%;
        margin-left: 0;
    }
    .zitu-mobile-search-panel .header-search-more {
        flex: 0 0 auto;
        display: flex !important;
        justify-content: center;
        padding: 8px 0 0;
        border-top: 1px solid #f0f1f3;
        background: #fff;
    }
    .zitu-mobile-search-panel form.search_wrap .header-search-more button {
        position: static !important;
        display: block !important;
        flex: 1;
        width: 100% !important;
        min-height: 44px;
        height: auto !important;
        margin: 0 !important;
        padding: 10px 16px !important;
        border-radius: 9px;
        background: #f66c0d;
        color: #fff;
        font-size: 13px;
        line-height: 24px;
        text-align: center;
    }
    .zitu-mobile-search-panel .ajax-loader { margin: auto; }
}