/* General Page Styles */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Products Hero Section */
.products-hero {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('images/div (10).png') no-repeat center center/cover;
    color: #fff;
    padding: 80px 20px;
    text-align: center;
}
.products-hero h1 { font-size: 2.8rem; margin-bottom: 10px; }
.products-hero p { font-size: 1.2rem; opacity: 0.9; }

/* Product Categories Section */
.product-categories {
    padding: 60px 0;
    background: #f8f9fa;
}
.category-title-with-lines {
    text-align: center;
    font-size: 2rem;
    margin-bottom: 40px;
    color: #1A2430;
}
.category-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
}
.category-card-link { text-decoration: none; }
.category-card {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.07);
    text-align: center;
    padding: 20px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.category-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.1);
}
.category-card img {
    max-width: 100%;
    height: 150px;
    object-fit: cover;
    border-radius: 5px;
    margin-bottom: 15px;
}
.category-card h3 { color: #254F91; font-size: 1.2rem; }

/* Products List Section */
.products-list-section {
    padding: 60px 0;
}
.products-list-section h2 {
    text-align: center;
    font-size: 2rem;
    margin-bottom: 40px;
    color: #1A2430;
}

/* FIX: Added flex properties to the grid container */
.products-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px; /* This creates space between the cards */
}

/* FIX: Added flex properties to the card to ensure consistent height */
.product-card {
    width: 350px; /* Keeping original width */
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Pushes content and link apart */
}

.card-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1; /* Allows this section to grow and fill space */
}

/* Increase font size for product name and description */
.card-content h3 {
    font-size: 1.2rem; /* Was likely inheriting a smaller size */
}

.card-content p {
    flex-grow: 1; /* Allows paragraph to take up available space */
    font-size: 0.95rem; /* Slightly larger than default */
    line-height: 1.5;
}

/* Style for the "View Details" link to look like a button */
.details-link {
    display: inline-block;
    background-color: #254F91;
    color: white;
    padding: 10px 15px;
    border-radius: 5px;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    margin-top: 15px; /* Add some space above the button */
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.details-link:hover { transform: translateY(-2px); background-color: #1d4ed8; }

/* Why Choose Our Products Section */
.why-products { padding: 60px 0; background: #f8f9fa; text-align: center; }
.why-products h2 { font-size: 2rem; margin-bottom: 40px; }
.benefits-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; }
.benefit-card { background: #fff; padding: 30px; border-radius: 8px; }
.benefit-icon { font-size: 2.5rem; margin-bottom: 15px; }
.benefit-card h3 { font-size: 1.3rem; margin-bottom: 10px; color: #254F91; }

/* CTA Section */
.products-cta { padding: 80px 0; text-align: center; }
.products-cta h2 { font-size: 2.2rem; margin-bottom: 15px; }
.products-cta p { font-size: 1.1rem; margin-bottom: 30px; color: #555; }
.cta-buttons { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; }
.cta-btn { display: inline-flex; align-items: center; gap: 10px; padding: 15px 30px; text-decoration: none; border-radius: 5px; font-weight: bold; }
.cta-btn.primary { background: #254F91; color: #fff; }
.cta-btn.secondary { background: #e9ecef; color: #333; border: 1px solid #ddd; }

@media (max-width: 768px) {
    .product-card { width: 100%; max-width: 400px; }
}