/* Briefly identify the card a visitor opened before returning to the listing. */
.card-product.listing-returned {
    outline: 2px solid rgba(142, 116, 61, .48);
    outline-offset: 4px;
    border-radius: var(--radius-sm, 8px);
    animation: listing-return-fade 2.6s ease-out forwards;
}

@keyframes listing-return-fade {
    0%, 55% { outline-color: rgba(142, 116, 61, .48); }
    100% { outline-color: transparent; }
}

@media (prefers-reduced-motion: reduce) {
    .card-product.listing-returned { animation: none; }
}

/* Naqshat listing controls keep the sorting code available while its UI is hidden. */
.naqshat-listing-controls .tf-control-sorting {
    display: none !important;
}

.naqshat-mobile-layout {
    display: none;
}

@media (max-width: 991.98px) {
    .naqshat-listing-controls {
        justify-content: flex-start;
    }

    .naqshat-listing-controls .tf-btn-filter {
        display: none !important;
    }

    .naqshat-listing-controls .naqshat-mobile-layout {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .naqshat-mobile-layout-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        padding: 8px;
        border: 1px solid var(--line, #e0e0e0);
        border-radius: 8px;
        color: var(--cl-text, #1a1a1a);
        background: #fff;
    }

    .naqshat-mobile-layout-btn[aria-pressed="true"] {
        border-color: var(--cl-text, #1a1a1a);
        color: #fff;
        background: var(--cl-text, #1a1a1a);
    }

    .naqshat-mobile-layout-btn:focus-visible {
        outline: 2px solid var(--primary, #8b1a2d);
        outline-offset: 3px;
    }

    #gridLayout[data-mobile-layout="1"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    #gridLayout[data-mobile-layout="1"][data-mobile-columns="1"] {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}