/* ===== SHOP FOUR SECTION STYLES ===== */

/* 2-Row Layout with 5 Products Per Row */
.top-sold-products-section .tabs-content .inner-container {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(2, auto);
    max-width: 100%;
}

/* Product Block Styling */
.top-sold-products-section .shop-block-five {
    width: 100%;
    padding-bottom: 0;
    margin-bottom: 0; /* Remove default margin since we're using grid */
}

/* Responsive Design */
@media (max-width: 1400px) {
    .top-sold-products-section .tabs-content .inner-container {
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(3, auto);
    }
}
@media (max-width: 1200px) {
    .top-sold-products-section .tabs-content .inner-container {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(3, auto);
    }
}

@media (max-width: 992px) {
    .top-sold-products-section .tabs-content .inner-container {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(4, auto);
    }
}

@media (max-width: 768px) {
    .top-sold-products-section .tabs-content .inner-container {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(5, auto);
    }
}

@media (max-width: 480px) {
    .top-sold-products-section .tabs-content .inner-container {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(10, auto);
    }
}

/* ===== TAB STYLING ===== */

/* Tab Button Styling */
.top-sold-products-section .tab-btns {
    position: relative;
}

.top-sold-products-section .tab-btn {
    position: relative;
    z-index: 11;
    transition: all 0.3s ease;
}


/* ===== TAB CONTENT LAYOUT ===== */

.top-sold-products-section .tab .inner-container {
    padding: 20px 0 0 0;
}

/* Product Card Enhancements */

.top-sold-products-section .shop-block-five .content-box {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Sale Badge Positioning */
.top-sold-products-section .sale-badge {
    position: absolute;
    top: 0px;
    left: 0px;
    background: #ff4444;
    color: white;
    padding: 4px 8px;
    border-radius: 50%;
    font-size: 11px;
    font-weight: bold;
    z-index: 2;
    display: none;
}

/* ===== RESPONSIVE ADJUSTMENTS ===== */

/* Tablet Layout */
@media (max-width: 1024px) {
    .top-sold-products-section .tabs-content .inner-container {
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
    }
}

/* Mobile Layout */
@media (max-width: 768px) {
    .top-sold-products-section .tabs-content .inner-container {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
}

/* Small Mobile Layout */
@media (max-width: 480px) {
    .top-sold-products-section .tabs-content .inner-container {
        grid-template-columns: 1fr;
        gap: 15px;
    }
}