/*product*/

        #product{
            padding-top: 60px;
            padding-bottom: 200px; 
        }

        .product-content-wrapper{
            padding-bottom: 50px;
        }

        .product-section {
            padding: 40px 10%;
            min-height: auto;     
            display: block;
            width: 100%;
        }

        .product-section-header {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 50px;
        }

        .product-section-header h2 {
            font-size: 50px;
        }

        .product-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(220px, 220px));
            justify-content: center;
            gap: 15px;
            width: 100%;
        }

        .product-card {
            background: white;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 15px;
            text-align: center;
            position: relative;
            transition: transform 0.2s, box-shadow 0.2s;
            width: 220px;
        }


        .product-img-wrapper {
            height: 150px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 15px;
        }

        .product-img-wrapper img {
            max-height: 130px;
            max-width: 100%;
            object-fit: contain;
        }

      

        .product-title p {
        margin: 0; 
        }

        .product-title {
            font-size: 14px;
            font-weight: 600;
            text-transform: uppercase;
            color: #333;
            margin-bottom: 8px;
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
        }

        

         @media (max-width: 600px) {
    .product-grid {
        grid-template-columns: repeat(2, 1fr); 
        gap: 10px;
    }

    .product-card {
        width: 100%; 
        padding: 10px; 
    }

    .product-img-wrapper img {
        max-height: 100px;
    }
    
    .product-title {
        font-size: 13px;
        height: 34px;
    }
    }