/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 26 2025 | 09:53:34 */
.category-container {
        display: flex;
        align-items: center;
        gap: 20px;
		justify-content: space-between;
    }

    .category-item {
        width: 40px;
        height: 40px;
        background-color: #FF6C08;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: opacity 0.3s ease-in-out;
    }

    .category-item.active {
        box-shadow: 0px 4px 12px 0px #00000040;
    }

    .category-item img {
		max-width: 21px;	
	}

    body.tax-product-category .product-card {
        background: #F4F4F4;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        overflow: hidden;
        text-align: center;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
       /* max-width: 190px;*/
        height: 100%;
    }

    body.tax-product-category .product-card img {
        width: 100%;
        max-height: 220px;
        object-fit: contain;
        background: linear-gradient(164deg, #1E1E1E 50%, #646566 50%);
        padding: 2px;
    }

    .category {
        color: #FF6C08 !important;
        font-weight: 500;
        margin-bottom: 0;
    }

    .divider {
        height: 6px;
        background: #FF6C08;
        width: 100%;
    }

    body.tax-product-category .product_tite {
        font-family: 'Roboto Condensed', sans-serif;
        color: #272727 !important;
    }

    @media (max-width: 400px) {
        .category-container {
            gap: 15px;
        }
    }