@charset "utf-8";

/* 마이페이지 레이아웃 */
.my-layout {display: flex; align-items: flex-start; column-gap: var(--space-80); max-width: 1320px; padding-block: calc(var(--space-64) + var(--space-32)) calc(var(--space-160) + var(--space-40));}
.my-layout .my-content {display: flex; flex-direction: column; row-gap: var(--space-48); flex: 1 1 auto; min-width: 0;}

/* 사이드 메뉴 */
.my-layout .my-nav {display: flex; flex-direction: column; align-items: flex-start; row-gap: var(--space-4); flex: none; width: 200px;}
.my-layout .my-nav .my-nav-tit {color: var(--text-muted);}
.my-layout .my-nav .my-nav-group {display: flex; flex-direction: column; align-items: flex-start; row-gap: var(--space-4);}
.my-layout .my-nav .my-nav-group .my-nav-group-tit {padding: var(--space-20) 0 var(--space-4); color: var(--text-muted);}
.my-layout .my-nav .my-nav-list {display: flex; flex-direction: column; align-items: flex-start; row-gap: var(--space-4);}
.my-layout .my-nav .my-nav-list a {display: inline-block; padding-top: var(--space-4); color: var(--text-primary); text-decoration: underline transparent; text-decoration-thickness: 1px; text-underline-offset: 5px; transition: text-decoration-color 0.2s, color 0.2s;}
.my-layout .my-nav .my-nav-list a[aria-current="page"] {text-decoration-color: var(--border-strong);}
.my-layout .my-nav .my-nav-logout {margin-top: calc(var(--space-40) - var(--space-4)); color: var(--text-secondary); text-decoration: underline; text-underline-offset: 4px; transition: color 0.2s;}

/* 제목 */
.my-layout .my-content .my-heading {display: flex; flex-direction: column; align-items: flex-start; row-gap: 10px;}
.my-layout .my-content .my-heading .display-section {color: var(--text-strong);}
.my-layout .my-content .my-heading .body-small {color: var(--text-secondary);}
.my-layout .my-content .my-heading .back-link {display: inline-flex; align-items: center; column-gap: var(--space-4); color: var(--text-secondary); text-decoration: underline; text-underline-offset: 4px; transition: color 0.2s;}
.my-layout .my-content .my-heading .back-link img {flex: none; width: 12px; height: 12px;}

/* 요약 */
.my-layout .my-content .my-summary {display: flex; padding-block: calc(var(--space-24) + var(--space-4)); border-top: 1px solid var(--border-strong); border-bottom: 1px solid var(--border-strong);}
.my-layout .my-content .my-summary .summary-item {display: flex; flex-direction: column; row-gap: 6px; flex: 1 1 0; min-width: 0;}
.my-layout .my-content .my-summary .summary-item + .summary-item {padding-left: calc(var(--space-24) + var(--space-4)); border-left: 1px solid var(--border-subtle);}
.my-layout .my-content .my-summary .summary-item dt {color: var(--text-secondary);}
.my-layout .my-content .my-summary .summary-item .display-small {color: var(--text-strong);}
.my-layout .my-content .my-summary .summary-item .display-small a {color: inherit;}
.my-layout .my-content .my-summary .summary-item .caption-small {color: var(--text-muted);}

/* 빈 상태 */
.my-layout .my-content .my-empty {padding-block: var(--space-80);}
.my-layout .my-content .my-empty .body-default {max-width: 640px;}
.my-layout .my-content .my-empty .btn-wrap .txt-btn {color: var(--text-primary);}

/* 마이페이지 홈 */
.my-home-section .my-content .my-heading .greeting {display: flex; flex-wrap: wrap; align-items: baseline; column-gap: var(--space-16);}
.my-home-section .my-content .my-heading .greeting .editorial-lead-kr {color: var(--text-primary);}
.my-home-section .my-content .my-heading .greeting .grade-link {color: var(--text-secondary); text-decoration: underline; text-underline-offset: 4px; transition: color 0.2s;}
.my-home-section .my-content .section-header {margin-bottom: var(--space-24);}
.my-home-section .my-content .my-order-wrap .order-list {row-gap: var(--space-24);}
.my-home-section .my-content .my-wish-wrap {padding-top: var(--space-48);}
.my-home-section .my-content .my-wish-wrap .wish-list {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: var(--space-24);}

/* 주문내역 */
.my-orders-section .my-content .order-tab {column-gap: var(--space-32); border-bottom: 1px solid var(--border-subtle);}
.my-orders-section .my-content .period-filter {display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-8);}
.my-orders-section .my-content .period-filter .period-range {margin-left: auto; color: var(--text-muted);}
.my-orders-section .my-content .period-filter .period-custom {display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-8); width: 100%; padding-top: var(--space-8);}
.my-orders-section .my-content .period-filter .period-custom .custom-input {width: 180px; height: var(--size-40);}
.my-orders-section .my-content .period-filter .period-custom .caption-default {color: var(--text-muted);}

/* 주문 상세 */
.my-order-view-section .my-content .progress-wrap {display: flex; flex-direction: column; row-gap: var(--space-16);}
.my-order-view-section .my-content .progress-wrap .tracking-info {display: flex; flex-wrap: wrap; align-items: center; column-gap: var(--space-16);}
.my-order-view-section .my-content .progress-wrap .tracking-info .body-small {color: var(--text-primary);}
.my-order-view-section .my-content .progress-wrap .tracking-info .tracking-link {color: var(--text-primary); text-decoration: underline; text-underline-offset: 4px; transition: color 0.2s;}
.my-order-view-section .my-content .progress-wrap .tracking-info .tracking-date {color: var(--text-muted);}
.my-order-view-section .my-content .order-line-list {border-top: 1px solid var(--border-strong);}
.my-order-view-section .my-content .detail-wrap {display: flex; align-items: flex-start; column-gap: var(--space-80);}
.my-order-view-section .my-content .detail-wrap .order-summary {flex: 1 1 auto; min-width: 0;}
.my-order-view-section .my-content .detail-wrap .order-summary .summary-block {display: flex; flex-direction: column; row-gap: var(--space-12); padding-block: calc(var(--space-24) + var(--space-4)); border-bottom: 1px solid var(--border-subtle);}
.my-order-view-section .my-content .detail-wrap .order-summary .summary-block .ui-label {color: var(--text-muted);}
.my-order-view-section .my-content .detail-wrap .order-summary .summary-block .key-value-list .key-value-row.total dd {color: var(--text-strong); font-weight: 500;}
.my-order-view-section .my-content .detail-wrap .request-wrap {display: flex; flex-direction: column; row-gap: var(--space-12); flex: none; width: 360px; padding-top: calc(var(--space-24) + var(--space-4));}
.my-order-view-section .my-content .detail-wrap .request-wrap .ui-nav {color: var(--text-primary);}
.my-order-view-section .my-content .detail-wrap .request-wrap .caption-small {color: var(--text-muted);}

/* 취소 · 교환 · 반품 */
.my-claim-section .my-content .claim-alert[hidden] {display: none;}
.my-claim-section .my-content .claim-wrap {display: flex; align-items: flex-start; column-gap: var(--space-80);}
.my-claim-section .my-content .claim-wrap .claim-form {display: flex; flex-direction: column; row-gap: var(--space-40); flex: 1 1 auto; min-width: 0;}
.my-claim-section .my-content .claim-wrap .claim-form .claim-step {display: flex; flex-direction: column; align-items: flex-start; row-gap: var(--space-16);}
.my-claim-section .my-content .claim-wrap .claim-form .claim-step[hidden] {display: none;}
.my-claim-section .my-content .claim-wrap .claim-form .claim-step .step-tit {color: var(--text-primary);}
.my-claim-section .my-content .claim-wrap .claim-form .claim-step .step-tit .num {margin-right: var(--space-8);}
.my-claim-section .my-content .claim-wrap .claim-form .claim-step .valid-msg[hidden] {display: none;}
.my-claim-section .my-content .claim-wrap .claim-form .claim-step .claim-item-list {width: 100%;}
.my-claim-section .my-content .claim-wrap .claim-form .claim-step .claim-item-list .claim-item {display: flex; align-items: center; column-gap: var(--space-20); border-bottom: 1px solid var(--border-subtle);}
.my-claim-section .my-content .claim-wrap .claim-form .claim-step .claim-item-list .claim-item .order-item-row {flex: 1 1 auto; min-width: 0; cursor: pointer;}
.my-claim-section .my-content .claim-wrap .claim-form .claim-step .claim-reason {width: 100%; min-width: 0; margin: 0; padding: 0;}
.my-claim-section .my-content .claim-wrap .claim-form .claim-step .claim-reason legend {margin-bottom: var(--space-8); color: var(--text-primary);}
.my-claim-section .my-content .claim-wrap .claim-form .claim-step .claim-reason .reason-list {display: flex; flex-direction: column; align-items: flex-start;}
.my-claim-section .my-content .claim-wrap .claim-form .claim-step .claim-reason .valid-msg {margin-top: var(--space-8);}
.my-claim-section .my-content .claim-wrap .claim-form .claim-step .claim-reason .input-item {width: 100%; margin-top: var(--space-16);}
.my-claim-section .my-content .claim-wrap .claim-form .claim-option .color-row {display: flex; align-items: center; column-gap: var(--space-12);}
.my-claim-section .my-content .claim-wrap .claim-form .claim-option .color-row .caption-default {color: var(--text-secondary);}
.my-claim-section .my-content .claim-wrap .claim-form .claim-option .size-option-list {flex-wrap: nowrap; gap: var(--space-8); width: 100%;}
.my-claim-section .my-content .claim-wrap .claim-form .claim-option .size-option-list .size-option {flex: 1 1 0; min-width: 0;}
.my-claim-section .my-content .claim-wrap .claim-form .claim-option .size-option-list .size-option label {width: 100%;}
.my-claim-section .my-content .claim-wrap .claim-form .claim-step .address-card {width: 100%;}
.my-claim-section .my-content .claim-wrap .claim-form .claim-step .change-link {color: var(--text-primary); text-decoration: underline; text-underline-offset: 4px; transition: color 0.2s;}
.my-claim-section .my-content .claim-wrap .claim-form .claim-step .note {color: var(--text-muted);}
.my-claim-section .my-content .claim-wrap .claim-summary {position: sticky; top: calc(var(--header-height) + var(--space-32)); display: flex; flex-direction: column; row-gap: var(--space-20); flex: none; width: 440px;}
.my-claim-section .my-content .claim-wrap .claim-summary .display-small {color: var(--text-strong);}
.my-claim-section .my-content .claim-wrap .claim-summary .refund-method {display: flex; flex-direction: column; row-gap: var(--space-4);}
.my-claim-section .my-content .claim-wrap .claim-summary .refund-method .caption-default {color: var(--text-secondary);}
.my-claim-section .my-content .claim-wrap .claim-summary .refund-method .caption-small, .my-claim-section .my-content .claim-wrap .claim-summary .note {color: var(--text-muted);}
.my-claim-section .my-content .claim-wrap .claim-summary .claim-notice {display: flex; flex-direction: column; row-gap: var(--space-8); padding: var(--space-16) var(--space-20); background-color: var(--bg-soft); color: var(--text-secondary);}
.my-claim-section .my-content .claim-wrap .claim-summary .btn-wrap {display: flex; flex-direction: column; row-gap: var(--space-8);}

/* 신청 불가 */
.my-claim-section .my-content .claim-blocked {display: flex; flex-direction: column;}
.my-claim-section .my-content .claim-blocked .blocked-msg {display: flex; flex-direction: column; row-gap: var(--space-8);}
.my-claim-section .my-content .claim-blocked .blocked-msg .heading-kr-small {color: var(--text-primary);}
.my-claim-section .my-content .claim-blocked .blocked-msg .body-small {color: var(--text-secondary);}
.my-claim-section .my-content .claim-blocked .order-line-list {padding-top: var(--space-32);}
.my-claim-section .my-content .claim-blocked .blocked-reason {display: flex; flex-direction: column; row-gap: 6px; padding-top: var(--space-32);}
.my-claim-section .my-content .claim-blocked .blocked-reason > .body-small {color: var(--text-secondary);}
.my-claim-section .my-content .claim-blocked .blocked-reason ul {display: flex; flex-direction: column; row-gap: 6px; color: var(--text-muted);}
.my-claim-section .my-content .claim-blocked .blocked-reason ul li::before {content: '— ';}
.my-claim-section .my-content .claim-blocked .btn-list {column-gap: var(--space-8); padding-top: var(--space-40);}

/* 취소 확인 */
.claim-confirm-modal .modal-inner {max-width: 520px;}
.claim-confirm-modal .modal-inner .modal-tit {display: flex; align-items: center; min-height: var(--size-48); margin-bottom: var(--space-24);}
.claim-confirm-modal .modal-inner .modal-summary {color: var(--text-secondary);}
.claim-confirm-modal .modal-inner .modal-desc {margin-top: var(--space-24); color: var(--text-muted);}
.claim-confirm-modal .modal-inner .processing {display: flex; align-items: center; column-gap: var(--space-12); margin-top: var(--space-24); color: var(--text-primary);}
.claim-confirm-modal .modal-inner .processing[hidden] {display: none;}
.claim-confirm-modal .modal-inner .btn-list {flex-wrap: nowrap; column-gap: var(--space-8); margin-top: var(--space-24);}
.claim-confirm-modal .modal-inner .btn-list .square-btn {flex: 1 1 0; min-width: 0;}
.claim-confirm-modal .modal-inner .modal-close-btn {top: var(--space-40); right: var(--space-40);}

/* 신청 완료 */
.my-claim-complete-section .my-content .claim-complete {display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 720px; margin-inline: auto; padding-top: var(--space-40);}
.my-claim-complete-section .my-content .claim-complete .txt-wrap {display: flex; flex-direction: column; align-items: center; row-gap: var(--space-16); padding-bottom: calc(var(--space-48) + var(--space-8)); text-align: center;}
.my-claim-complete-section .my-content .claim-complete .txt-wrap .display-hero {color: var(--text-strong);}
.my-claim-complete-section .my-content .claim-complete .txt-wrap .body-default {color: var(--text-secondary);}
.my-claim-complete-section .my-content .claim-complete .key-value-list {width: 100%; padding-block: calc(var(--space-24) + var(--space-4)); border-top: 1px solid var(--border-strong); border-bottom: 1px solid var(--border-strong);}
.my-claim-complete-section .my-content .claim-complete .btn-list {flex-wrap: nowrap; width: 100%; padding-top: var(--space-48);}
.my-claim-complete-section .my-content .claim-complete .btn-list .square-btn {flex: 1 1 0; min-width: 0;}

/* 탭 */
.my-layout .my-content .my-tab {column-gap: var(--space-32); border-bottom: 1px solid var(--border-subtle);}

/* 리뷰 관리 */
.my-reviews-section .my-content {row-gap: var(--space-40);}
.my-reviews-section .my-content .review-list .review-card {display: flex; align-items: flex-start; column-gap: var(--space-24); padding-block: var(--space-24); border-bottom: 1px solid var(--border-subtle);}
.my-reviews-section .my-content .review-list .review-card .thumb {flex: none; width: 90px;}
.my-reviews-section .my-content .review-list .review-card .review-info {display: flex; flex-direction: column; align-items: flex-start; row-gap: 6px; flex: 1 1 auto; min-width: 0;}
.my-reviews-section .my-content .review-list .review-card .review-info .product-title, .my-reviews-section .my-content .review-list .review-card .review-info .review-body {color: var(--text-primary);}
.my-reviews-section .my-content .review-list .review-card .review-info .option {color: var(--text-muted);}
.my-reviews-section .my-content .review-list .review-card .review-info .note {color: var(--text-secondary);}
.my-reviews-section .my-content .review-list .review-card .review-info .review-meta {display: flex; flex-wrap: wrap; column-gap: var(--space-12);}
.my-reviews-section .my-content .review-list .review-card .review-info .review-meta .star {color: var(--text-primary);}
.my-reviews-section .my-content .review-list .review-card .review-info .review-meta .fit {color: var(--text-secondary);}
.my-reviews-section .my-content .review-list .review-card .review-info .review-meta .date {color: var(--text-muted);}
.my-reviews-section .my-content .review-list .review-card .review-info .photo-list {display: flex; column-gap: var(--space-8); padding-top: var(--space-4);}
.my-reviews-section .my-content .review-list .review-card .review-info .photo-list .photo {width: 64px; aspect-ratio: 1 / 1; background-color: var(--bg-muted);}
.my-reviews-section .my-content .review-list .review-card .btn-list {flex: none; flex-wrap: nowrap; column-gap: 6px;}

/* 리뷰 작성 */
.review-modal .modal-inner {display: flex; flex-direction: column; row-gap: var(--space-20); max-width: 720px; max-height: calc(100vh - var(--space-80)); padding: calc(var(--space-32) + var(--space-4)) var(--space-40); overflow: hidden;}
.review-modal .modal-inner .modal-head {display: flex; align-items: center; justify-content: space-between; column-gap: var(--space-16); flex: none;}
.review-modal .modal-inner .modal-head .modal-tit {margin: 0; padding: 0;}
.review-modal .modal-inner .modal-head .modal-close-btn {position: static; margin-right: calc(var(--space-12) * -1);}
.review-modal .modal-inner .modal-body {display: flex; flex-direction: column; row-gap: var(--space-24); flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain;}
.review-modal .modal-inner .modal-body .rating-field, .review-modal .modal-inner .modal-body .fit-field {display: flex; flex-wrap: wrap; align-items: center; column-gap: var(--space-16); margin: 0; padding: 0;}
.review-modal .modal-inner .modal-body .rating-field legend, .review-modal .modal-inner .modal-body .fit-field legend {float: left; margin-right: var(--space-16); color: var(--text-primary);}
.review-modal .modal-inner .modal-body .rating-field .rating-input {display: flex;}
.review-modal .modal-inner .modal-body .rating-field .rating-input label {display: inline-flex; align-items: center; justify-content: center; width: 28px; min-height: var(--size-44); color: var(--border-default); cursor: pointer; transition: color 0.2s;}
.review-modal .modal-inner .modal-body .rating-field .rating-input label.on {color: var(--text-primary);}
.review-modal .modal-inner .modal-body .rating-field .rating-input input:focus-visible + label {outline: 2px solid var(--action-primary); outline-offset: -2px;}
.review-modal .modal-inner .modal-body .rating-field .rating-txt {color: var(--text-muted);}
.review-modal .modal-inner .modal-body .rating-field .valid-msg {width: 100%;}
.review-modal .modal-inner .modal-body .rating-field .valid-msg[hidden] {display: none;}
.review-modal .modal-inner .modal-body .body-info {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: var(--space-16);}
.review-modal .modal-inner .modal-body .body-info .input-item + .input-item {margin-top: 0;}
.review-modal .modal-inner .modal-body .input-item + .input-item {margin-top: 0;}
.review-modal .modal-inner .modal-body .input-helper .error {color: var(--text-error);}
.review-modal .modal-inner .modal-body .modal-desc {color: var(--text-muted);}
.review-modal .modal-inner .btn-list {flex: none; flex-wrap: nowrap; column-gap: var(--space-8); padding-top: var(--space-16); border-top: 1px solid var(--border-subtle);}
.review-modal .modal-inner .btn-list .square-btn {flex: 1 1 0; min-width: 0;}

/* 위시리스트 */
.my-wishlist-section .my-content {row-gap: var(--space-40);}
.my-wishlist-section .my-content .wish-list {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: calc(var(--space-48) + var(--space-8)) var(--space-24);}
.my-wishlist-section .my-content .wish-list[hidden] {display: none;}
.my-wishlist-section .my-content .wish-list .wish-item {display: flex; flex-direction: column; row-gap: var(--space-12);}
.my-wishlist-section .my-content .wish-list .wish-item[hidden] {display: none;}
.my-wishlist-section .my-content .wish-list .wish-item .product-card .wish-remove-btn {position: absolute; top: var(--space-16); right: var(--space-16); z-index: 1; width: var(--size-40); height: var(--size-40); background-color: var(--bg-canvas);}
.my-wishlist-section .my-content .wish-list .wish-item .product-card .wish-remove-btn img {width: 20px; height: 20px;}
.my-wishlist-section .my-content [data-wish-empty][hidden] {display: none;}

/* 쿠폰 */
.my-coupons-section .my-content {row-gap: var(--space-40);}
.my-coupons-section .my-content .coupon-register {width: 100%; max-width: 560px;}
.my-coupons-section .my-content .coupon-register .input-item .field-row {display: flex; align-items: center; column-gap: var(--space-12); width: 100%;}
.my-coupons-section .my-content .coupon-register .input-item .field-row .square-btn {flex: none;}
.my-coupons-section .my-content .coupon-register .input-item .input-helper[hidden] {display: none;}
.my-coupons-section .my-content .coupon-group .coupon-group-tit {padding-bottom: var(--space-12); border-bottom: 1px solid var(--border-strong); color: var(--text-primary);}
.my-coupons-section .my-content .coupon-group .coupon-list .coupon-row {display: flex; align-items: center; column-gap: var(--space-40); padding-block: calc(var(--space-24) + var(--space-4)); border-bottom: 1px solid var(--border-subtle);}
.my-coupons-section .my-content .coupon-group .coupon-list .coupon-row .amount {flex: none; width: 200px; color: var(--text-strong);}
.my-coupons-section .my-content .coupon-group .coupon-list .coupon-row .coupon-info {display: flex; flex-direction: column; row-gap: var(--space-4); flex: 1 1 auto; min-width: 0; color: var(--text-muted);}
.my-coupons-section .my-content .coupon-group .coupon-list .coupon-row .coupon-info .name {color: var(--text-primary);}
.my-coupons-section .my-content .coupon-group .coupon-list .coupon-row .status {flex: none; color: var(--text-primary); text-align: right;}
.my-coupons-section .my-content .coupon-group .coupon-list .coupon-row.closed .amount {color: var(--text-disabled);}
.my-coupons-section .my-content .coupon-group .coupon-list .coupon-row.closed .coupon-info .name, .my-coupons-section .my-content .coupon-group .coupon-list .coupon-row.closed .status {color: var(--text-muted);}

/* 적립금 */
.my-points-section .my-content {row-gap: var(--space-40);}
.my-points-section .my-content .my-summary .summary-item .heading-kr-small {color: var(--text-strong);}
.my-points-section .my-content .point-list {border-top: 1px solid var(--border-strong);}
.my-points-section .my-content .point-list .point-row {display: flex; align-items: center; column-gap: var(--space-32); padding-block: var(--space-20); border-bottom: 1px solid var(--border-subtle);}
.my-points-section .my-content .point-list .point-row .date {flex: none; width: 100px; color: var(--text-muted);}
.my-points-section .my-content .point-list .point-row .type {flex: none; width: 80px; color: var(--text-primary);}
.my-points-section .my-content .point-list .point-row .desc {flex: 1 1 auto; min-width: 0; color: var(--text-primary);}
.my-points-section .my-content .point-list .point-row .expiry {flex: none; color: var(--text-muted);}
.my-points-section .my-content .point-list .point-row .amount {flex: none; width: 120px; color: var(--text-primary); text-align: right;}
.my-points-section .my-content .point-list .point-row.used .type {color: var(--text-secondary);}
.my-points-section .my-content .point-list .point-row.pending .amount {color: var(--text-muted);}

/* 문의내역 */
.my-inquiries-section .my-content {row-gap: var(--space-40);}
.my-inquiries-section .my-content .heading-row {display: flex; align-items: flex-end; justify-content: space-between; column-gap: var(--space-24);}
.my-inquiries-section .my-content .inquiry-list .inquiry-item {border-bottom: 1px solid var(--border-subtle);}
.my-inquiries-section .my-content .inquiry-list .inquiry-item .inquiry-row {display: flex; align-items: center; column-gap: var(--space-32); padding-block: var(--space-20); list-style: none; cursor: pointer;}
.my-inquiries-section .my-content .inquiry-list .inquiry-item .inquiry-row::-webkit-details-marker {display: none;}
.my-inquiries-section .my-content .inquiry-list .inquiry-item .inquiry-row .type {flex: none; width: 110px; color: var(--text-muted);}
.my-inquiries-section .my-content .inquiry-list .inquiry-item .inquiry-row .tit {flex: 1 1 auto; min-width: 0; color: var(--text-primary);}
.my-inquiries-section .my-content .inquiry-list .inquiry-item .inquiry-row .date {flex: none; color: var(--text-muted);}
.my-inquiries-section .my-content .inquiry-list .inquiry-item .inquiry-row .status {flex: none; width: 90px; color: var(--text-muted); text-align: right;}
.my-inquiries-section .my-content .inquiry-list .inquiry-item .inquiry-row .status.done {color: var(--text-primary);}
.my-inquiries-section .my-content .inquiry-list .inquiry-item .inquiry-detail {display: flex; flex-direction: column; align-items: flex-start; row-gap: var(--space-20); padding: 0 var(--space-24) var(--space-32) 142px;}
.my-inquiries-section .my-content .inquiry-list .inquiry-item .inquiry-detail .meta, .my-inquiries-section .my-content .inquiry-list .inquiry-item .inquiry-detail .wait {color: var(--text-muted);}
.my-inquiries-section .my-content .inquiry-list .inquiry-item .inquiry-detail .question {color: var(--text-primary);}
.my-inquiries-section .my-content .inquiry-list .inquiry-item .inquiry-detail .answer {display: flex; flex-direction: column; row-gap: var(--space-8); width: 100%; padding: var(--space-20) var(--space-24); background-color: var(--bg-soft);}
.my-inquiries-section .my-content .inquiry-list .inquiry-item .inquiry-detail .answer .caption-default {color: var(--text-secondary);}
.my-inquiries-section .my-content .inquiry-list .inquiry-item .inquiry-detail .answer .body-small {color: var(--text-primary);}

/* 회원정보 수정 */
.my-account-section .my-content, .my-withdraw-section .my-content {row-gap: var(--space-40);}
.my-account-section .my-content .form-msg[hidden] {display: none;}
.my-account-section .my-content .account-form {display: flex; flex-direction: column; row-gap: calc(var(--space-48) + var(--space-8)); max-width: 800px;}
.my-account-section .my-content .account-form .form-block, .my-withdraw-section .my-content .withdraw-form .form-block {display: flex; flex-direction: column; row-gap: var(--space-20); min-width: 0; margin: 0; padding: calc(var(--space-24) + var(--space-4)) 0 0; border-top: 1px solid var(--border-strong);}
.my-account-section .my-content .account-form .form-block .block-tit, .my-withdraw-section .my-content .withdraw-form .form-block .block-tit {color: var(--text-primary);}
.my-account-section .my-content .account-form .form-block .input-item + .input-item, .my-withdraw-section .my-content .withdraw-form .form-block .input-item + .input-item {margin-top: 0;}
.my-account-section .my-content .account-form .form-block .input-item .input-helper[hidden] {display: none;}
.my-account-section .my-content .account-form .form-block .field-row {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: var(--space-16);}
.my-account-section .my-content .account-form .form-block .field-row .input-item + .input-item {margin-top: 0;}
.my-account-section .my-content .account-form .form-block .check-col, .my-withdraw-section .my-content .withdraw-form .form-block .check-col {display: flex; flex-direction: column; align-items: flex-start;}
.my-account-section .my-content .account-form .form-block .note {color: var(--text-muted);}
.my-account-section .my-content .account-form .withdraw-link-wrap {display: flex; justify-content: flex-end; margin-top: calc(var(--space-32) * -1);}
.my-account-section .my-content .account-form .withdraw-link-wrap .withdraw-link {display: inline-flex; align-items: center; min-height: var(--size-44); color: var(--text-muted); text-decoration: underline; text-underline-offset: 4px; transition: color 0.2s;}

/* 배송지 관리 */
.my-addresses-section .my-content {row-gap: var(--space-40);}
.my-addresses-section .my-content .heading-row {display: flex; align-items: flex-end; justify-content: space-between; column-gap: var(--space-24);}
.my-addresses-section .my-content .address-list {border-top: 1px solid var(--border-strong);}
.my-addresses-section .my-content .note {margin-top: calc(var(--space-24) * -1); color: var(--text-muted);}

/* 배송지 추가 */
.address-modal .modal-inner {display: flex; flex-direction: column; row-gap: var(--space-20); max-width: 880px; padding: var(--space-32) var(--space-40);}
.address-modal .modal-inner .modal-head {display: flex; align-items: center; justify-content: space-between; column-gap: var(--space-16);}
.address-modal .modal-inner .modal-head .heading-kr-small {color: var(--text-strong);}
.address-modal .modal-inner .modal-head .close-btn {margin-right: calc(var(--space-12) * -1);}
.address-modal .modal-inner .input-item + .input-item {margin-top: 0;}
.address-modal .modal-inner .input-item .input-helper[hidden] {display: none;}
.address-modal .modal-inner .field-row {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--space-24);}
.address-modal .modal-inner .field-row.half .input-item {grid-column: 1;}
.address-modal .modal-inner .address-fields {display: flex; flex-direction: column; row-gap: var(--space-20);}
.address-modal .modal-inner .address-fields[hidden] {display: none;}
.address-modal .modal-inner .address-fields .zip-row {align-items: start;}
.address-modal .modal-inner .address-fields .zip-row .square-btn {width: 100%; margin-top: calc(var(--fs-13) * 1.538 + var(--space-8));}
.address-modal .modal-inner .check-item {align-self: flex-start;}
.address-modal .modal-inner .btn-list {flex-wrap: nowrap; column-gap: var(--space-8);}
.address-modal .modal-inner .btn-list .square-btn {flex: 1 1 0; min-width: 0;}

/* 회원탈퇴 */
.my-withdraw-section .my-content .withdraw-form {display: flex; flex-direction: column; row-gap: var(--space-40); max-width: 800px;}
.my-withdraw-section .my-content .withdraw-form .withdraw-notice {display: flex; flex-direction: column; row-gap: 10px; padding: var(--space-24) calc(var(--space-24) + var(--space-4)); background-color: var(--bg-soft);}
.my-withdraw-section .my-content .withdraw-form .withdraw-notice .ui-nav {color: var(--text-primary);}
.my-withdraw-section .my-content .withdraw-form .withdraw-notice ul {display: flex; flex-direction: column; row-gap: 6px; color: var(--text-secondary);}
.my-withdraw-section .my-content .withdraw-form .withdraw-notice ul li::before {content: '— ';}
.my-withdraw-section .my-content .withdraw-form .form-block {padding-top: 0; border-top: 0;}
.my-withdraw-section .my-content .withdraw-form .form-block .input-item .input-helper {color: var(--text-muted);}
.my-withdraw-section .my-content .withdraw-form .form-block .input-item .input-helper.error {color: var(--text-error);}
.my-withdraw-section .my-content .withdraw-form .agree-wrap .valid-msg[hidden] {display: none;}
.my-withdraw-section .my-content .withdraw-form .btn-list, .my-withdraw-section .my-content .withdraw-blocked .btn-list {flex-wrap: nowrap; column-gap: var(--space-8);}
.my-withdraw-section .my-content .withdraw-form .btn-list .square-btn {flex: 1 1 0; min-width: 0;}
.my-withdraw-section .my-content .withdraw-blocked {display: flex; flex-direction: column; row-gap: var(--space-32);}
.my-withdraw-section .my-content .withdraw-blocked .order-line-list {border-top: 1px solid var(--border-strong);}

/* 회원탈퇴 완료 */
.my-withdraw-complete-section {padding-block: calc(var(--space-64) + var(--space-32)) calc(var(--space-160) + var(--space-40));}
.my-withdraw-complete-section .claim-complete {display: flex; flex-direction: column; align-items: center; max-width: 720px; margin-inline: auto; padding-top: var(--space-40);}
.my-withdraw-complete-section .claim-complete .txt-wrap {display: flex; flex-direction: column; align-items: center; row-gap: var(--space-16); padding-bottom: calc(var(--space-48) + var(--space-8)); text-align: center;}
.my-withdraw-complete-section .claim-complete .txt-wrap .display-hero {color: var(--text-strong);}
.my-withdraw-complete-section .claim-complete .txt-wrap .body-default {color: var(--text-secondary);}
.my-withdraw-complete-section .claim-complete .key-value-list {width: 100%; padding-block: calc(var(--space-24) + var(--space-4)); border-top: 1px solid var(--border-strong); border-bottom: 1px solid var(--border-strong);}
.my-withdraw-complete-section .claim-complete .btn-list {width: 100%; padding-top: var(--space-48);}
.my-withdraw-complete-section .claim-complete .btn-list .square-btn {flex: 1 1 auto;}

/* 호버 */
@media (hover: hover) {
    .my-layout .my-nav .my-nav-list a:not([aria-current="page"]):hover {text-decoration-color: var(--border-default);}
    .my-layout .my-nav .my-nav-logout:hover, .my-layout .my-content .my-heading .back-link:hover, .my-home-section .my-content .my-heading .greeting .grade-link:hover {color: var(--text-primary);}
    .my-layout .my-content .my-empty .btn-wrap .txt-btn:hover {text-decoration: underline;}
    .my-account-section .my-content .account-form .withdraw-link-wrap .withdraw-link:hover {color: var(--text-primary);}
    .my-inquiries-section .my-content .inquiry-list .inquiry-item .inquiry-row:hover .tit {text-decoration: underline; text-underline-offset: 4px;}
    .my-order-view-section .my-content .progress-wrap .tracking-info .tracking-link:hover, .my-claim-section .my-content .claim-wrap .claim-form .claim-step .change-link:hover {color: var(--text-secondary);}
}

@media screen and (max-width: 1280px) {
    .my-layout {column-gap: var(--space-48);}
    .my-layout .my-content .order-line-list .order-line .line-status {width: 140px;}
    .my-order-view-section .my-content .detail-wrap {column-gap: var(--space-48);}
    .my-order-view-section .my-content .detail-wrap .request-wrap {width: 300px;}
    .my-claim-section .my-content .claim-wrap {column-gap: var(--space-48);}
    .my-claim-section .my-content .claim-wrap .claim-summary {width: 360px;}
    .my-coupons-section .my-content .coupon-group .coupon-list .coupon-row .amount {width: 160px;}
    .my-inquiries-section .my-content .inquiry-list .inquiry-item .inquiry-detail {padding-left: 0;}
}

@media screen and (max-width: 1024px) {
    .my-layout {flex-direction: column; align-items: stretch; row-gap: var(--space-32);}
    .my-layout .my-nav {flex-direction: row; column-gap: var(--space-24); width: 100%; overflow-x: auto; border-bottom: 1px solid var(--border-subtle); scrollbar-width: none;}
    .my-layout .my-nav::-webkit-scrollbar {display: none;}
    .my-layout .my-nav .my-nav-tit, .my-layout .my-nav .my-nav-group .my-nav-group-tit, .my-layout .my-nav .my-nav-logout {display: none;}
    .my-layout .my-nav .my-nav-group {flex: none;}
    .my-layout .my-nav .my-nav-list {flex-direction: row; column-gap: var(--space-24); flex: none;}
    .my-layout .my-nav .my-nav-list li {flex: none;}
    .my-layout .my-nav .my-nav-list a {position: relative; padding: var(--space-12) var(--space-4); color: var(--text-muted); text-decoration: none; white-space: nowrap;}
    .my-layout .my-nav .my-nav-list a::after {content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background-color: var(--border-strong); transform: scaleX(0); transition: transform 0.3s var(--ease-out);}
    .my-layout .my-nav .my-nav-list a[aria-current="page"] {color: var(--text-primary);}
    .my-layout .my-nav .my-nav-list a[aria-current="page"]::after {transform: scaleX(1);}
    .my-order-view-section .my-content .detail-wrap {flex-direction: column; align-items: stretch; row-gap: var(--space-32);}
    .my-order-view-section .my-content .detail-wrap .request-wrap {width: 100%; padding-top: 0;}
    .my-claim-section .my-content .claim-wrap {flex-direction: column; align-items: stretch; row-gap: var(--space-48);}
    .my-claim-section .my-content .claim-wrap .claim-summary {position: static; width: 100%;}
}

@media screen and (max-width: 768px) {
    .my-layout .my-content .my-summary {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: var(--space-20);}
    .my-layout .my-content .my-summary .summary-item + .summary-item {padding-left: 0; border-left: 0;}
    .my-layout .my-content .my-empty {padding-block: var(--space-40);}
    .my-home-section .my-content .my-heading .greeting {flex-direction: column; align-items: flex-start; row-gap: var(--space-16);}
    .my-home-section .my-content .my-wish-wrap .wish-list {display: flex; column-gap: var(--space-12); margin-inline: calc(var(--layout-page-margin) * -1); padding-inline: var(--layout-page-margin); overflow-x: auto; scrollbar-width: none;}
    .my-home-section .my-content .my-wish-wrap .wish-list::-webkit-scrollbar {display: none;}
    .my-home-section .my-content .my-wish-wrap .wish-list li {flex: none; width: 160px;}
    .my-orders-section .my-content .my-summary {grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: var(--space-16);}
    .my-orders-section .my-content .period-filter .period-range {width: 100%; margin-left: 0;}
    .my-orders-section .my-content .period-filter .period-custom .custom-input {flex: 1 1 0; width: auto; min-width: 0;}
    .my-order-view-section .my-content .progress-wrap .tracking-info {flex-direction: column; align-items: flex-start; row-gap: var(--space-16);}
    .my-claim-section .my-content .claim-wrap .claim-form .claim-step .claim-item-list .claim-item {column-gap: var(--space-12);}
    .my-claim-section .my-content .claim-blocked .btn-list .square-btn {flex: 1 1 0; min-width: 0;}
    .my-claim-section .my-content .claim-blocked .btn-list {flex-wrap: nowrap;}
    .my-claim-complete-section .my-content .claim-complete .btn-list {flex-direction: column; align-items: stretch; row-gap: var(--space-8); padding-top: var(--space-32);}
    .my-claim-complete-section .my-content .claim-complete .btn-list .square-btn {flex: none;}
    .claim-confirm-modal .modal-inner {padding: var(--space-24);}
    .claim-confirm-modal .modal-inner .modal-close-btn {top: var(--space-24); right: var(--space-16);}
    .my-layout .my-content .my-tab {column-gap: var(--space-24);}
    .my-reviews-section .my-content .review-list .review-card {display: grid; grid-template-columns: 72px minmax(0, 1fr); column-gap: var(--space-16); row-gap: var(--space-12);}
    .my-reviews-section .my-content .review-list .review-card .thumb {grid-row: 1 / span 2; width: 72px;}
    .my-reviews-section .my-content .review-list .review-card .btn-list {grid-column: 2;}
    .review-modal {align-items: flex-end; padding: 0;}
    .review-modal .modal-inner {max-width: none; max-height: 90vh; padding: var(--space-24) var(--layout-page-margin);}
    .review-modal .modal-inner .modal-body .body-info {grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: var(--space-16);}
    .my-wishlist-section .my-content .wish-list {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-32) var(--space-12);}
    .my-wishlist-section .my-content .wish-list .wish-item .product-card .wish-remove-btn {top: var(--space-8); right: var(--space-8);}
    .my-coupons-section .my-content .coupon-group .coupon-list .coupon-row {flex-wrap: wrap; row-gap: var(--space-8); column-gap: var(--space-16); align-items: flex-start;}
    .my-coupons-section .my-content .coupon-group .coupon-list .coupon-row .amount {width: 100%;}
    .my-coupons-section .my-content .coupon-group .coupon-list .coupon-row .status {width: 100%; text-align: left;}
    .my-points-section .my-content .my-summary {grid-template-columns: repeat(2, minmax(0, 1fr));}
    .my-points-section .my-content .point-list .point-row {display: grid; grid-template-columns: auto minmax(0, 1fr) auto; column-gap: var(--space-12); row-gap: var(--space-4);}
    .my-points-section .my-content .point-list .point-row .date, .my-points-section .my-content .point-list .point-row .type {width: auto;}
    .my-points-section .my-content .point-list .point-row .amount {grid-column: 3; grid-row: 1; width: auto;}
    .my-points-section .my-content .point-list .point-row .desc, .my-points-section .my-content .point-list .point-row .expiry {grid-column: 1 / -1;}
    .my-inquiries-section .my-content .heading-row {flex-direction: column; align-items: stretch; row-gap: var(--space-24);}
    .my-inquiries-section .my-content .heading-row .square-btn {width: 100%;}
    .my-inquiries-section .my-content .inquiry-list .inquiry-item .inquiry-row {display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: var(--space-12); row-gap: var(--space-4); padding-block: var(--space-20);}
    .my-inquiries-section .my-content .inquiry-list .inquiry-item .inquiry-row .type {width: auto;}
    .my-inquiries-section .my-content .inquiry-list .inquiry-item .inquiry-row .tit {grid-column: 1 / -1; grid-row: 2;}
    .my-inquiries-section .my-content .inquiry-list .inquiry-item .inquiry-row .date {grid-column: 1; grid-row: 3;}
    .my-inquiries-section .my-content .inquiry-list .inquiry-item .inquiry-row .status {grid-column: 2; grid-row: 1; width: auto;}
    .my-inquiries-section .my-content .inquiry-list .inquiry-item .inquiry-detail {padding: 0 0 var(--space-24);}
    .my-inquiries-section .my-content .inquiry-list .inquiry-item .inquiry-detail .answer {padding: var(--space-16);}
    .my-account-section .my-content .account-form .form-block .field-row {grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: var(--space-20);}
    .my-addresses-section .my-content .heading-row {flex-direction: column; align-items: stretch; row-gap: var(--space-24);}
    .my-addresses-section .my-content .heading-row .square-btn {width: 100%;}
    .address-modal {align-items: flex-end; padding: 0;}
    .address-modal .modal-inner {max-width: none; max-height: 90vh; padding: var(--space-24) var(--layout-page-margin);}
    .address-modal .modal-inner .field-row {grid-template-columns: minmax(0, 1fr); row-gap: var(--space-20);}
    .address-modal .modal-inner .address-fields .zip-row {row-gap: var(--space-8);}
    .address-modal .modal-inner .address-fields .zip-row .square-btn {margin-top: 0;}
    .my-withdraw-section .my-content .withdraw-form .withdraw-notice {padding: var(--space-20);}
    .my-withdraw-section .my-content .withdraw-blocked .btn-list .square-btn {flex: 1 1 0; min-width: 0;}
}