/* style.css */
@import url('header.css');
@import url('index.css');
@import url('footer.css');
/* 사이트 전체 공통 설정 */
body {
    margin: 0;
    padding: 0;
    font-family: 'Arial', sans-serif;
    background-color: #ffffff;
}
/* 모바일 최적화: 768px 이하 화면 */
@media screen and (max-width: 768px) {
    .product-grid {
        /* 4열이었던 것을 2열로 변경 */
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 15px !important; /* 모바일에서는 간격을 좀 더 좁게 */
    }

    .category-section {
        padding: 0 10px; /* 양옆 여백 축소 */
    }
}