/* Full section layout */
    .hero-section-home {
        display: flex;
        width: 100%;
        height: 450px; /* fixed height */
        overflow: hidden;
    }
    /* Left side: text */
    .hero-home-text {
        background: #4e89a8; /* blue */
        color: #fff;
        width: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 30px;
        box-sizing: border-box;
        font-family: 'Poppins', Arial, sans-serif;
    }
    
    /* Text hierarchy */
    .hero-home-category {
        text-transform: uppercase;
        font-size: 28px; /* 2x bigger */
        font-weight: 400;
        opacity: 0.9;
    }
    
    .hero-home-title {
        font-size: clamp(70px, 6vw, 80px); /* 3x bigger */
        font-weight: 600;
        margin: 10px 0;
        line-height: 1;
    }
    .hero-home-title1 {
        font-size: clamp(60px, 5vw, 60px); /* 3x bigger */
        font-weight: 600;
        margin: 10px 0;
        line-height: 1;
    }
    
    .hero-home-description {
        font-size: 30px; /* 2x bigger */
        font-weight: 300;
        line-height: 1.4;
    }
    .hero-home-products-description {
        font-size: 23px; /* 2x bigger */
        font-weight: 270;
        line-height: 1.4;
    }
    
    /* Right side: image */
    .hero-home-image {
        width: 50%;
        height: 100%;
    }
    
    .hero-home-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    /* Responsive: stack on mobile */
    @media (max-width: 768px) {
        .hero-section-home{
            flex-direction: column;
            height: auto;
        }
        .hero-home-text,
        .hero-home-image {
            width: 100%;
            height: auto;
        }
        .hero-home-title, .hero-home-title1 {
            font-size: 60px; /* smaller on mobile */
        }
        .hero-home-description {
            font-size: 22px;
        }
        .hero-home-products-description {
            font-size: 19px;
        }
    }
    
    
    /* Info Section */
    .info-section {
        text-align: center;
        padding: 40px 20px;
    }
    
    .info-section h2 {
        font-size: 24px;
        margin-bottom: 30px;
        font-weight: 600;
    }
    
    .full-width-content {
        background: whitesmoke;
        padding: 30px;
        max-width: 1200px;
        margin: 0 auto;
        border-radius: 8px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    }
    
    .full-width-content h3 {
        font-size: 26px;
        margin-bottom: 20px;
        font-weight: 600;
    }
    
    /* Split container: force side by side */
    .content-split {
        display: flex;
        justify-content: space-between;
        align-items: center; /* ✅ vertically centers both tags & text */
        gap: 30px;
    }
    
    .tags-section {
        flex: 1;
        display: flex;
        justify-content: center; /* ✅ horizontally center tags inside left half */
        flex-wrap: wrap;
        gap: 15px;
    }
    .tag-btn {
        display: inline-block;
        text-decoration: none;
        background: #e6f0ff; /* very light blue */
        color: #333; /* dark gray text */
        font-size: 20px; /* large text as before */
        font-weight: 600;
        border-radius: 30px;
        padding: 8px 20px;
        margin: 5px;
        transition: all 0.3s ease;
        font-family: 'Poppins', sans-serif;
    }
    
    /* Hover effect: Gold gradient */
    .tag-btn:hover {
        background: linear-gradient(90deg, #b8860b, #daa520, #b8860b);
        color: #fff; /* white text for contrast */
    }
    
    .tags span {
        background: #eee;
        border-radius: 30px;
        padding: 12px 30px; /* bigger buttons */
        font-size: 28px; /* doubled */
        font-weight: 500;
        color: #333;
    }
    
    /* Right side: Text */
    .info-text {
        flex: 1;
        font-size: 20px;
        color: #444;
        line-height: 1.6;
        font-family: 'Poppins', sans-serif;
    }
    .right-info-text {
        flex: 1;
        font-size: 20px;
        line-height: 1.6;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
    
        /* Soft blue-green gradient */
        background: linear-gradient(90deg, #1e90ff, #20b2aa, #228b22);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        color: transparent;
    }
    .main-info-text {
         background: linear-gradient(135deg, 
  rgba(255,105,180,0.9) 0%,   /* pink */
  rgba(30,144,255,0.9) 50%,   /* blue */
  rgba(255,215,0,0.9) 100%    /* gold */
);
         color:white;
    }
     .left-info-text {
        flex: 1;
        font-size: 20px;
        line-height: 1.6;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
    
        /* Soft blue-green gradient */
        background: linear-gradient(90deg, #1e90ff, #20b2aa, #228b22);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        color: transparent;
    }
    
    /* ✅ Mobile: stack vertically */
    @media (max-width: 768px) {
        .content-split {
            flex-direction: column;
        }
        .tags-section {
            justify-content: flex-start;
        }
        .info-text,.right-info-text,.left-info-text  {
            margin-top: 15px;
        }
    }
    
    
    .full-width-content p {
        margin-top: 15px;
        font-size: 16px;
        color: #333;
        line-height: 1.6;
    }
    
    .cards {
        display: flex;
        gap: 20px;
        margin-top: 20px;
        flex-wrap: wrap;
    }
    
    .cards .card {
        flex: 1 1 calc(20% - 20px);
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        background: #fff;
        display: flex;
        flex-direction: column;
    }
    
    .cards img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .cards p {
        padding: 10px;
        font-size: 14px;
        line-height: 1.4;
    }
    
    /* Responsive Design */
    @media (max-width: 1024px) {
        .cards .card {
            flex: 1 1 calc(50% - 20px);
        }
    }
    
    @media (max-width: 768px) {
        .hero-text,
        .hero-image {
            width: 100%;
            padding: 30px 20px;
        }
    
        .cards .card {
            flex: 1 1 100%;
        }
    
        .full-width-content {
            padding: 20px;
        }
    
    }