/* Index Page Specific Styles */

/* About Us Section */
.about-section {
    background: #fff;
    color: #000;
    padding: 5rem 0;
}

#about h2, #about p, #about h3 {
    color: #000;
}

.about-section .text-white i {
    margin-right: 0.5rem;
}

/* Products Section */

.product-img-container img {
    width: 100%; /* 让图片填满其容器宽度 */
    height: auto; /* 高度自动，保持原始宽高比 */
    max-height: 380px;

    /* --- 关键：居中图片 --- */
    display: block; /* 将图片变为块级元素 */
    margin-left: auto; /* 自动左边距 */
    margin-right: auto; /* 自动右边距 */

    border-radius: 8px;
    background-color: #f8f9fa;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Technology Section */
#technology {
    padding: 5rem 0;
}

#technology .card-body {
    padding: 1.5rem;
}

#technology img {
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Quality Control Section */
#quality {
    padding: 5rem 0;
}

#quality .card-body {
    padding: 1.5rem;
}

#quality img {
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Sustainability Section */
#sustainability {
    padding: 5rem 0;
}

#sustainability img {
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Certifications Section */
#certifications {
    padding: 5rem 0;
}

#certifications img {
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Contact Section */
#contact {
    padding: 5rem 0;
}

#contact .form-control {
    margin-bottom: 1rem;
}


/* --- 认证图片容器专用样式 --- */
.cert-img-container.cert-img-container-small { /* 使用组合选择器增加特异性 */
    height: 480px;
    width: 100%; /* 保持宽度 */
    /* display: flex; align-items: center; justify-content: center; */
    /* 这些类已经由 d-flex, align-items-center, justify-content-center 提供 */
}

/* 可选：如果需要调整内部图片的对齐方式 */
.cert-img-container-small .cert-img {
    /* object-fit, max-height, max-width 等可以在这里调整 */
    /* 例如，如果图片太小，可能需要调整对齐 */
    /* align-self: flex-start; */ /* 或 center, flex-end */
}