/* Custom fix for best seller cards */
.best-seller-modern .card {
    overflow: visible !important; /* Allow line to hang outside */
    position: relative !important;
    /* border-radius: 20px !important;  */
    transform: translateZ(0); 
}

.best-seller-modern .card .border-action-new {
    /* "Connect" the lines by making them wider than the card */
    width: 105%; 
    left: -2%; 
    
    height: 9px;
    background: #fff; /* Default: White Line */
    
    position: absolute;
    bottom: -40px; /* Position well below the card */
    
    z-index: 10;
    display: block;
    border-radius: 0; /* Square edges to connect seamlessly */
    transition: background-color 0.3s ease;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Active card gets the Orange Line */
.best-seller-modern .card.active .border-action-new {
    background: #e63a19 !important;
    z-index: 11; /* Ensure active line is on top if overlap occurs */
        bottom: -42px;
    left: 0px;

}

/* Laptop Screens (1024px - 1440px) */
@media (min-width: 520px) and (max-width: 1560px) {
 .best-seller-modern .card.active .border-action-new {
        bottom: -42px;
}
}