.mypage_container { max-width: 1280px; margin: 40px auto; padding: 0 20px; color: #333; font-family: 'Pretendard', sans-serif; }

/* 헤더 그리드 */
.my_header_grid { display: grid; grid-template-columns: 350px 1fr; gap: 20px; margin-bottom: 40px; }

/* 카드 공통 스타일 */
.my_card, .stat_item, .step_item, .menu_grid a, .wish_card {
    background: #fff; border: 1px solid #f0f0f0; border-radius: 12px; transition: 0.3s;
}

/* 프로필 카드 */
.profile_card { padding: 30px; }
.profile_main { display: flex; align-items: center; gap: 20px; margin-bottom: 20px; }
.profile_img img { width: 70px; height: 70px; border-radius: 50%; background: #eee; }
.mb_name { font-size: 20px; font-weight: 700; }
.btn_edit { font-size: 12px; color: #999; font-weight: normal; text-decoration: none; }
.mb_grade { display: inline-block; padding: 2px 8px; background: #f5f5f5; border-radius: 4px; font-size: 11px; font-weight: 700; color: #666; }
.profile_msg { font-size: 13px; color: #888; line-height: 1.6; margin-bottom: 20px; }
.btn_logout { font-size: 13px; color: #666; text-decoration: underline; }

/* 스탯 그리드 */
.stats_grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; }
.stat_item { padding: 25px; text-decoration: none; display: flex; flex-direction: column; justify-content: center; }
.stat_item:hover { border-color: #333; transform: translateY(-3px); }
.stat_label { font-size: 13px; color: #888; margin-bottom: 10px; }
.stat_val { font-size: 24px; color: #111; font-weight: 800; }

/* 주문 현황 스테이지 */
.order_status_step { display: flex; gap: 10px; margin-bottom: 40px; }
.step_item { flex: 1; text-align: center; padding: 25px 10px; }
.step_item span { display: block; font-size: 12px; color: #888; margin-bottom: 10px; }
.step_item strong { font-size: 24px; font-weight: 800; color: #222; }
.step_side { width: 120px; background: #fcfcfc; border-radius: 12px; padding: 15px; font-size: 12px; line-height: 2; color: #777; }

/* 섹션 공통 */
.my_section { margin-bottom: 40px; }
.section_title { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 20px; }
.section_title h3 { font-family:'Pretendard'; font-size: 18px; font-weight: 700; }
.section_title h3 span { font-size: 12px; color: #999; font-weight: normal; margin-left: 10px; }
.btn_more { font-size: 12px; color: #888; text-decoration: none; }

/* 메뉴 그리드 */
.menu_grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.menu_grid a { padding: 25px; text-decoration: none; display: flex; flex-direction: column; gap: 5px; }
.menu_grid a strong { color: #222; font-size: 15px; }
.menu_grid a span { color: #999; font-size: 12px; }
.menu_grid a:hover { background: #f9f9f9; }

/* 위시리스트 카드형 */
.wish_card_list { display: flex; gap: 15px; overflow-x: auto; padding-bottom: 10px; list-style: none; }
.wish_card { min-width: 200px; padding: 20px; text-align: center; }
.wish_img img { width: 100px; height: 100px; object-fit: cover; margin-bottom: 15px; }
.it_name { font-size: 13px; margin-bottom: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.it_price { font-weight: 700; color: #333; }
.btn_del { display: inline-block; margin-top: 10px; font-size: 11px; color: #ccc; text-decoration: none; border: 1px solid #eee; padding: 3px 10px; border-radius: 4px; }

/* 푸터 버튼 */
.my_footer_btns { text-align: right; margin-top: 20px; }
.btn_leave { font-size: 12px; color: #bbb; text-decoration: none; }

/* 모바일 대응 */
@media (max-width: 768px) {
    .my_header_grid { grid-template-columns: 1fr; }
    .stats_grid { grid-template-columns: repeat(2, 1fr); }
    .order_status_step { flex-wrap: wrap; }
    .step_item { flex: none; width: calc(50% - 5px); }
    .step_side { width: 100%; }
    .menu_grid { grid-template-columns: 1fr; }
}