@media (max-width: 767px) {
    .container {
        max-width: 100% !important;
        padding-left: 10px;
        padding-right: 10px;
    }
    .product-detail-btn {
        min-width: 90px;
        max-width: 90px;
        font-size: 0.9rem;
    }
    
    /* 상단 공지사항/문의하기 섹션 모바일 수정 */
    .col-12.d-flex.flex-row {
        flex-direction: column !important;
    }
    .notice-inquiry-card {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        margin: 0 0 20px 0 !important;
        min-height: unset;
        height: auto;
    }
    .mx-2 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* 하단 겹치는 섹션 완전 분리 */
    .section-flex-container {
        display: block !important;
        margin-top: 30px;
    }
    .inquiry-section,
    .customer-center {
        position: static !important;
        width: 100% !important;
        display: block !important;
        margin-bottom: 20px !important;
        float: none !important;
        clear: both !important;
    }
    
    .row.justify-content-center {
        margin: 0;
    }
    .card-body {
        padding: 15px;
    }
    .product-row > div {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .category-label {
        display: block;
        margin-bottom: 1.2rem;
        font-size: 1.1rem !important;
        text-align: left;
        padding-left: 0.5rem;
    }
}

/* 상품 추가/수정 페이지 우측 사이드바 고정 */
.product-aside-sticky-wrapper {
    position: sticky;
    top: 20px; /* 상단에서부터 고정될 위치 (필요에 따라 조정) */
    z-index: 100; /* 다른 요소 위에 표시되도록 (필요에 따라 조정) */
}

/* 모바일 화면에서는 고정 해제 */
@media (max-width: 767.98px) { /* Bootstrap의 sm breakpoint 기준 */
    .product-aside-sticky-wrapper {
        position: static;
        top: auto;
        z-index: auto;
    }
}