/* =============================================================
 * market-muse-detail-modern.css
 * 상품 상세 페이지(market_muse_item)를 네이버쇼핑/쿠팡/알리익스프레스
 * 스타일의 현대적 디자인으로 다시 꾸미는 스타일시트입니다.
 *
 * - 기존 HTML 구조/클래스(mml-*, market-muse-*)를 그대로 두고 겉모습만 바꿉니다.
 * - market-muse.css 다음에 로드되어 기존 스타일을 덮어씁니다.
 * - 모든 규칙은 .market-muse-detail-body 안으로 한정해 다른 페이지에 영향을 주지 않습니다.
 * ============================================================= */

.market-muse-detail-body {
    /* 색상/간격을 한곳에서 관리하는 디자인 토큰 */
    --mm-accent: #ff3d4a;          /* 강조(할인/바로구매) */
    --mm-accent-dark: #e62e3b;
    --mm-cart: #2b6ef2;            /* 장바구니 */
    --mm-ink: #1f2328;             /* 기본 글자 */
    --mm-ink-soft: #5c636e;        /* 보조 글자 */
    --mm-ink-faint: #9aa0aa;       /* 흐린 글자 */
    --mm-line: #ececf0;            /* 얇은 경계선 */
    --mm-line-strong: #dcdfe4;
    --mm-bg-soft: #f6f7f9;         /* 옅은 배경 */
    --mm-star: #ffb400;            /* 별점 */
    --mm-radius: 14px;
    --mm-radius-sm: 10px;
    --mm-shadow: 0 6px 24px rgba(17, 24, 39, 0.06);
    --mm-shadow-hover: 0 12px 34px rgba(17, 24, 39, 0.12);

    background: #fff;
    color: var(--mm-ink);
    -webkit-font-smoothing: antialiased;
    font-family: 'Pretendard', 'Apple SD Gothic Neo', 'Malgun Gothic', system-ui, -apple-system, sans-serif;
}

.market-muse-detail-body .market-muse-detail-page {
    background: #fff;
    /* 상단 고정 헤더(position:fixed, 높이 약 130px)에 내용이 가리지 않도록 여백을 둡니다. */
    padding: 150px 0 80px;
}

/* ---------- 비회원 바로구매 안내 모달 ---------- */
.market-muse-detail-body .mml-guest-modal {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.market-muse-detail-body .mml-guest-modal[hidden] { display: none; }

.market-muse-detail-body .mml-guest-modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(17, 24, 39, 0.55);
    backdrop-filter: blur(2px);
}

.market-muse-detail-body .mml-guest-modal-box {
    position: relative;
    width: 100%;
    max-width: 440px;
    background: #fff;
    border-radius: 18px;
    padding: 32px 28px 24px;
    text-align: center;
    box-shadow: 0 24px 60px rgba(17, 24, 39, 0.28);
    animation: mml-guest-pop 0.18s ease;
}

@keyframes mml-guest-pop {
    from { transform: translateY(12px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

.market-muse-detail-body .mml-guest-modal-icon {
    width: 56px;
    height: 56px;
    margin: 0 auto 16px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, var(--mm-accent) 0%, #ff7a3d 100%);
    color: #fff;
    font-size: 24px;
    box-shadow: 0 6px 16px rgba(255, 61, 74, 0.3);
}

.market-muse-detail-body .mml-guest-modal-box h3 {
    font-size: 20px;
    font-weight: 800;
    margin: 0 0 12px;
    color: var(--mm-ink);
}

.market-muse-detail-body .mml-guest-modal-box p {
    font-size: 14px;
    line-height: 1.75;
    color: var(--mm-ink-soft);
    margin: 0 0 24px;
}

.market-muse-detail-body .mml-guest-modal-box p b { color: var(--mm-accent); font-weight: 700; }

.market-muse-detail-body .mml-guest-modal-actions { display: flex; gap: 10px; }

.market-muse-detail-body .mml-guest-modal-actions button {
    flex: 1;
    padding: 14px;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    border: 1px solid transparent;
    transition: all 0.15s ease;
}

.market-muse-detail-body .mml-guest-cancel {
    background: #fff;
    border-color: var(--mm-line-strong);
    color: var(--mm-ink-soft);
}
.market-muse-detail-body .mml-guest-cancel:hover { border-color: var(--mm-ink-soft); color: var(--mm-ink); }

.market-muse-detail-body .mml-guest-confirm {
    background: var(--mm-accent);
    color: #fff;
}
.market-muse-detail-body .mml-guest-confirm:hover {
    background: var(--mm-accent-dark);
    box-shadow: 0 6px 16px rgba(255, 61, 74, 0.3);
}

.market-muse-detail-body .mml-guest-login-link {
    display: inline-block;
    margin-top: 16px;
    font-size: 13px;
    font-weight: 600;
    color: var(--mm-cart);
    text-decoration: none;
}
.market-muse-detail-body .mml-guest-login-link:hover { text-decoration: underline; }

.market-muse-detail-body .market-muse-detail-shell {
    /* 화면 우측에 고정된 '모바일' 버튼과 겹치지 않도록 폭을 약간 줄였습니다. */
    max-width: 1480px;
    margin: 0 auto;
    padding: 0 28px;
}

/* ---------- 안내(breadcrumb) ---------- */
.market-muse-detail-body .market-muse-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 22px 0 18px;
    font-size: 13px;
    color: var(--mm-ink-faint);
}

.market-muse-detail-body .market-muse-breadcrumb a {
    color: var(--mm-ink-soft);
    text-decoration: none;
}

.market-muse-detail-body .market-muse-breadcrumb a:hover { color: var(--mm-accent); }
.market-muse-detail-body .market-muse-breadcrumb i { font-size: 10px; color: var(--mm-ink-faint); }
.market-muse-detail-body .market-muse-breadcrumb span { color: var(--mm-ink); font-weight: 600; }

/* ---------- 상단: 갤러리 + 상품정보 ---------- */
.market-muse-detail-body .mml-detail-top {
    display: grid;
    /* 좌측(이미지)과 우측(정보) 폭을 비슷하게 맞춰 한쪽만 넓어 보이지 않게 합니다. */
    grid-template-columns: minmax(0, 620px) minmax(0, 620px);
    justify-content: center;
    gap: 48px;
    align-items: start;
    padding-bottom: 40px;
    border-bottom: 1px solid var(--mm-line);
}

/* 갤러리는 스크롤을 따라오도록 sticky. 고정 헤더(약 130px) 아래에 붙게 top을 둡니다. */
.market-muse-detail-body .mml-detail-left { position: sticky; top: 150px; }

.market-muse-detail-body .mml-gallery-stage {
    position: relative;
    width: 100%;
    border-radius: var(--mm-radius);
    overflow: hidden;
    background: var(--mm-bg-soft);
    border: 1px solid var(--mm-line);
}

/* 세로로 긴 상세 이미지도 잘리지 않도록 자연 비율(전체)로 표시합니다. */
.market-muse-detail-body .mml-gallery-main-image {
    width: 100%;
    height: auto;
    object-fit: contain;
    display: block;
}

.market-muse-detail-body .mml-gallery-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 420px;
    color: var(--mm-ink-faint);
    font-size: 18px;
    font-weight: 600;
}

.market-muse-detail-body .mml-gallery-thumbs {
    display: flex;
    gap: 10px;
    margin-top: 14px;
    flex-wrap: wrap;
}

.market-muse-detail-body .mml-gallery-thumb {
    width: 68px;
    height: 68px;
    padding: 0;
    border-radius: var(--mm-radius-sm);
    overflow: hidden;
    border: 2px solid var(--mm-line);
    background: var(--mm-bg-soft);
    cursor: pointer;
    transition: border-color 0.15s ease, transform 0.15s ease;
}

.market-muse-detail-body .mml-gallery-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.market-muse-detail-body .mml-gallery-thumb:hover { transform: translateY(-2px); }
.market-muse-detail-body .mml-gallery-thumb.is-active { border-color: var(--mm-accent); }

/* ---------- 우측 상품 정보 ---------- */
.market-muse-detail-body .mml-detail-right { display: flex; flex-direction: column; gap: 18px; }

.market-muse-detail-body .mml-seller-mini {
    padding: 0;
    background: transparent;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.market-muse-detail-body .mml-seller-mini-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid #ffd9cf;
    border-radius: var(--mm-radius-sm);
    background: linear-gradient(135deg, #fff1ec 0%, #f4f7ff 100%);
    font-size: 12px;
    color: var(--mm-ink-faint);
}

.market-muse-detail-body .mml-seller-mini-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    text-decoration: none;
    color: inherit;
}

.market-muse-detail-body .mml-seller-mini-avatar {
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, var(--mm-accent) 0%, #ff7a3d 100%);
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    box-shadow: 0 4px 10px rgba(255, 61, 74, 0.28);
}

.market-muse-detail-body .mml-seller-mini-brand-text { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.market-muse-detail-body .mml-seller-mini-brand-text strong {
    font-size: 15px;
    font-weight: 700;
    color: var(--mm-ink);
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.market-muse-detail-body .mml-seller-mini-brand-text small { font-size: 11px; color: var(--mm-ink-faint); font-weight: 600; }
.market-muse-detail-body .mml-seller-mini-brand:hover strong { color: var(--mm-accent); }

.market-muse-detail-body .mml-seller-mini-code {
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 700;
    color: var(--mm-cart);
    background: #fff;
    border: 1px solid #cbd9ff;
    border-radius: 999px;
    padding: 4px 10px;
    white-space: nowrap;
}

.market-muse-detail-body .mml-seller-mini-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 18px;
}

.market-muse-detail-body .mml-seller-mini-grid > div { display: flex; flex-direction: column; gap: 2px; }
.market-muse-detail-body .mml-seller-mini-grid strong { font-size: 11px; color: var(--mm-ink-faint); font-weight: 600; }
.market-muse-detail-body .mml-seller-mini-grid span { font-size: 13px; color: var(--mm-ink); font-weight: 600; word-break: break-all; }

.market-muse-detail-body .mml-seller-mini-actions { display: flex; gap: 8px; margin-top: 0; }

.market-muse-detail-body .mml-mini-action {
    flex: 1;
    text-align: center;
    padding: 9px 10px;
    border-radius: 8px;
    border: 1px solid #ffd0c8;
    background: #fff;
    font-size: 13px;
    font-weight: 700;
    color: var(--mm-accent);
    text-decoration: none;
    cursor: pointer;
    transition: all 0.15s ease;
}

.market-muse-detail-body .mml-mini-action:hover {
    background: var(--mm-accent);
    border-color: var(--mm-accent);
    color: #fff;
    box-shadow: 0 4px 12px rgba(255, 61, 74, 0.24);
}
.market-muse-detail-body .mml-mini-action.is-active { background: var(--mm-accent); border-color: var(--mm-accent); color: #fff; }

.market-muse-detail-body .mml-product-title {
    font-size: 26px;
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: -0.4px;
    color: var(--mm-ink);
    margin: 4px 0 2px;
}

/* 별점 요약 — 가벼운 인라인 한 줄 */
.market-muse-detail-body .mml-rating-box {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 0 18px;
    border-bottom: 1px solid var(--mm-line);
}

.market-muse-detail-body .mml-rating-score { display: flex; align-items: center; gap: 6px; }
.market-muse-detail-body .mml-rating-score::before {
    content: '\2605\2605\2605\2605\2605';
    color: var(--mm-star);
    font-size: 18px;
    letter-spacing: 1px;
}
.market-muse-detail-body .mml-rating-score strong { font-size: 18px; font-weight: 800; color: var(--mm-ink); }

.market-muse-detail-body .mml-rating-bars { display: none; }

.market-muse-detail-body .mml-rating-foot {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: auto;
    font-size: 13px;
    color: var(--mm-ink-faint);
}

.market-muse-detail-body .mml-rating-foot a { color: var(--mm-ink-soft); font-weight: 700; text-decoration: none; }
.market-muse-detail-body .mml-rating-foot a:hover { color: var(--mm-accent); }

/* 가격 */
.market-muse-detail-body .mml-price-line {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 10px;
    padding: 8px 0 4px;
}

.market-muse-detail-body .mml-discount-rate {
    font-size: 28px;
    font-weight: 800;
    color: var(--mm-accent);
    letter-spacing: -1px;
}

.market-muse-detail-body .mml-price-line strong {
    font-size: 34px;
    font-weight: 800;
    color: var(--mm-ink);
    letter-spacing: -1px;
}

.market-muse-detail-body .mml-price-line del {
    font-size: 17px;
    color: var(--mm-ink-faint);
    text-decoration: line-through;
}

/* 공유 버튼 */
.market-muse-detail-body .mml-share-row { display: flex; flex-wrap: wrap; gap: 8px; }

.market-muse-detail-body .mml-share-btn {
    padding: 6px 14px;
    border-radius: 999px;
    border: 1px solid var(--mm-line-strong);
    background: #fff;
    font-size: 12px;
    font-weight: 600;
    color: var(--mm-ink-soft);
    cursor: pointer;
    transition: all 0.15s ease;
}

.market-muse-detail-body .mml-share-btn:hover { border-color: var(--mm-ink); color: var(--mm-ink); }

/* 배송/원산지 정보 리스트 */
.market-muse-detail-body .mml-info-list {
    list-style: none;
    margin: 6px 0 0;
    padding: 6px 18px;
    border: 1px solid var(--mm-line);
    border-radius: var(--mm-radius-sm);
    display: flex;
    flex-direction: column;
    background: #fff;
}

.market-muse-detail-body .mml-info-list li {
    display: flex;
    gap: 16px;
    font-size: 14px;
    align-items: baseline;
    padding: 12px 0;
    border-bottom: 1px solid var(--mm-line);
}

.market-muse-detail-body .mml-info-list li:last-child { border-bottom: none; }

.market-muse-detail-body .mml-info-list li > span {
    flex: 0 0 66px;
    color: var(--mm-ink-faint);
    font-weight: 600;
}

.market-muse-detail-body .mml-info-list li > strong { color: var(--mm-ink); font-weight: 600; }

.market-muse-detail-body .mml-info-list-toggle { justify-content: flex-end; }

.market-muse-detail-body .mml-toggle-row {
    background: none;
    border: none;
    padding: 0;
    color: var(--mm-cart);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: underline;
}

.market-muse-detail-body .mml-extra-panel {
    border: 1px solid var(--mm-line);
    border-radius: var(--mm-radius-sm);
    padding: 16px 18px;
    background: var(--mm-bg-soft);
}

.market-muse-detail-body .mml-extra-title { font-weight: 700; margin: 0 0 10px; }
.market-muse-detail-body .mml-extra-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.market-muse-detail-body .mml-extra-table th,
.market-muse-detail-body .mml-extra-table td { padding: 8px 6px; border-bottom: 1px solid var(--mm-line); text-align: left; vertical-align: top; }
.market-muse-detail-body .mml-extra-table th { color: var(--mm-ink-faint); font-weight: 600; width: 96px; }

.market-muse-detail-body .mml-seller-notice {
    margin-top: 12px;
    border: 1px solid #ffd9cf;
    border-radius: var(--mm-radius-sm);
    padding: 16px 18px;
    font-size: 13px;
    color: var(--mm-ink-soft);
    line-height: 1.6;
    background: linear-gradient(180deg, #fff6f2 0%, #fff 100%);
}

.market-muse-detail-body .mml-seller-notice-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.6px;
    color: var(--mm-accent);
    background: #fff;
    border: 1px solid var(--mm-accent);
    border-radius: 999px;
    padding: 4px 10px;
    margin-bottom: 10px;
}

.market-muse-detail-body .mml-seller-notice .mml-headline-box { border: none; padding: 0; background: transparent; }
.market-muse-detail-body .mml-seller-notice strong {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: var(--mm-ink);
    margin-bottom: 4px;
}
.market-muse-detail-body .mml-seller-notice p { margin: 0; }

/* 구매 박스(상단 우측) */
.market-muse-detail-body .mml-buy-box {
    margin-top: 6px;
    border: 1px solid var(--mm-line-strong);
    border-radius: var(--mm-radius);
    padding: 18px;
    background: #fff;
    box-shadow: var(--mm-shadow);
}

.market-muse-detail-body .mml-buy-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.market-muse-detail-body .mml-buy-line > span { font-size: 14px; color: var(--mm-ink-soft); font-weight: 600; }

.market-muse-detail-body .mml-buy-total {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid var(--mm-line);
}

.market-muse-detail-body .mml-buy-total strong { font-size: 24px; font-weight: 800; color: var(--mm-accent); letter-spacing: -0.5px; }

/* 수량 스테퍼 */
.market-muse-detail-body .market-muse-qty-stepper {
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--mm-line-strong);
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
}

.market-muse-detail-body .market-muse-qty-stepper button {
    width: 40px;
    height: 42px;
    border: none;
    background: #fff;
    font-size: 20px;
    color: var(--mm-ink-soft);
    cursor: pointer;
    transition: background 0.15s ease;
}

.market-muse-detail-body .market-muse-qty-stepper button:hover { background: var(--mm-bg-soft); color: var(--mm-ink); }

.market-muse-detail-body .market-muse-qty-stepper input {
    width: 56px;
    height: 42px;
    border: none;
    border-left: 1px solid var(--mm-line);
    border-right: 1px solid var(--mm-line);
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    color: var(--mm-ink);
    -moz-appearance: textfield;
}

.market-muse-detail-body .market-muse-qty-stepper input::-webkit-outer-spin-button,
.market-muse-detail-body .market-muse-qty-stepper input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* 구매 버튼 */
.market-muse-detail-body .mml-buy-actions,
.market-muse-detail-body .mml-order-submit-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 16px;
}

.market-muse-detail-body .mml-buy-actions form,
.market-muse-detail-body .mml-order-submit-actions form { margin: 0; display: flex; }

.market-muse-detail-body .mml-main-btn {
    width: 100%;
    height: 54px;
    border: none;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: -0.3px;
    cursor: pointer;
    transition: transform 0.12s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.market-muse-detail-body .mml-main-btn:hover { transform: translateY(-1px); }
.market-muse-detail-body .mml-main-btn:active { transform: translateY(0); }

.market-muse-detail-body .mml-cart-btn {
    background: #fff;
    color: var(--mm-cart);
    border: 1.5px solid var(--mm-cart);
}
.market-muse-detail-body .mml-cart-btn:hover { background: rgba(43, 110, 242, 0.06); }

.market-muse-detail-body .mml-buy-btn {
    background: var(--mm-accent);
    color: #fff;
    box-shadow: 0 8px 20px rgba(255, 61, 74, 0.28);
}
.market-muse-detail-body .mml-buy-btn:hover { background: var(--mm-accent-dark); }

/* ---------- 하단 2단 레이아웃 ----------
 * 왼쪽: 상세설명/리뷰/문의(넓게), 오른쪽: 따라다니는 구매 박스(주문수량·장바구니·바로구매) */
.market-muse-detail-body .mml-scroll-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 32px;
    align-items: start;
    padding-top: 36px;
}

.market-muse-detail-body .mml-main-column { min-width: 0; }

/* 판매자 인기상품 존 */
.market-muse-detail-body .mml-seller-zone {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 232px;
    gap: 28px;
    max-width: 1040px;
    margin: 0 auto 28px;
    padding: 24px 26px;
    border: 1px solid var(--mm-line);
    border-radius: var(--mm-radius);
    background: #fff;
    box-shadow: var(--mm-shadow);
}

.market-muse-detail-body .mml-seller-zone-main {
    padding: 0;
    border-right: none;
    min-width: 0;
}

.market-muse-detail-body .mml-zone-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    padding: 0;
}

.market-muse-detail-body .mml-zone-title h2 { font-size: 18px; font-weight: 700; margin: 0; }
.market-muse-detail-body .mml-zone-title a { font-size: 13px; color: var(--mm-ink-soft); text-decoration: none; }

.market-muse-detail-body .mml-seller-product-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 165px));
    justify-content: start;
    gap: 18px 16px;
}

.market-muse-detail-body .mml-seller-product-card {
    text-decoration: none;
    color: var(--mm-ink);
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.market-muse-detail-body .mml-seller-product-thumb {
    aspect-ratio: 1 / 1;
    border-radius: var(--mm-radius-sm);
    overflow: hidden;
    background: var(--mm-bg-soft);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mm-ink-faint);
    font-size: 13px;
}

.market-muse-detail-body .mml-seller-product-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; }
.market-muse-detail-body .mml-seller-product-card:hover .mml-seller-product-thumb img { transform: scale(1.06); }
.market-muse-detail-body .mml-seller-product-card strong { font-size: 13px; font-weight: 600; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.market-muse-detail-body .mml-seller-product-card span { font-size: 15px; font-weight: 800; color: var(--mm-ink); }

.market-muse-detail-body .mml-seller-zone-side {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 22px 18px;
    border: 1px solid #ffe0d8;
    border-radius: var(--mm-radius-sm);
    background: linear-gradient(160deg, #fff4f0 0%, #f5f8ff 100%);
    text-align: center;
}

.market-muse-detail-body .mml-seller-side-name { display: flex; flex-direction: column; align-items: center; gap: 4px; }
.market-muse-detail-body .mml-seller-side-name strong { font-size: 26px; font-weight: 800; color: var(--mm-ink); letter-spacing: -0.5px; }
.market-muse-detail-body .mml-seller-side-name span::before { content: '\2605'; color: var(--mm-star); margin-right: 4px; }
.market-muse-detail-body .mml-seller-side-name span { font-size: 13px; color: var(--mm-ink-soft); font-weight: 700; }

.market-muse-detail-body .mml-seller-side-actions { display: flex; flex-direction: row; gap: 8px; width: 100%; margin-top: 4px; }
.market-muse-detail-body .mml-seller-side-actions form { flex: 1; display: flex; }
.market-muse-detail-body .mml-seller-side-actions form .mml-side-pill { width: 100%; }
.market-muse-detail-body .mml-seller-side-actions > .mml-side-pill { flex: 1; }

.market-muse-detail-body .mml-side-pill {
    text-align: center;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #ffd0c8;
    background: #fff;
    font-size: 13px;
    font-weight: 700;
    color: var(--mm-accent);
    text-decoration: none;
    cursor: pointer;
    transition: all 0.15s ease;
}

.market-muse-detail-body .mml-side-pill:hover {
    background: var(--mm-accent);
    border-color: var(--mm-accent);
    color: #fff;
    box-shadow: 0 4px 12px rgba(255, 61, 74, 0.24);
}
.market-muse-detail-body .mml-side-pill.is-active { background: var(--mm-accent); border-color: var(--mm-accent); color: #fff; }

/* 탭 내비게이션 */
.market-muse-detail-body .mml-tab-nav {
    position: sticky;
    /* 고정 헤더(약 130px) 아래에 붙되, 위쪽에 여백을 둬 답답해 보이지 않게 합니다. */
    top: 130px;
    z-index: 20;
    display: flex;
    gap: 4px;
    background: #fff;
    padding-top: 16px;
    border-bottom: 2px solid var(--mm-line);
    margin-top: 24px;
    margin-bottom: 28px;
}

.market-muse-detail-body .mml-tab-link {
    position: relative;
    padding: 16px 22px;
    font-size: 15px;
    font-weight: 700;
    color: var(--mm-ink-faint);
    text-decoration: none;
    transition: color 0.15s ease;
}

.market-muse-detail-body .mml-tab-link span { color: var(--mm-accent); margin-left: 2px; }
.market-muse-detail-body .mml-tab-link:hover { color: #fff; }

.market-muse-detail-body .mml-tab-link.is-active { color: #fff; }
.market-muse-detail-body .mml-tab-link.is-active span,
.market-muse-detail-body .mml-tab-link:hover span { color: #fff; }
.market-muse-detail-body .mml-tab-link.is-active::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    height: 2px;
    background: var(--mm-ink);
}

/* 콘텐츠 섹션 */
.market-muse-detail-body .mml-content-section { margin-bottom: 44px; scroll-margin-top: 180px; }

.market-muse-detail-body .mml-content-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 20px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--mm-line);
}

.market-muse-detail-body .mml-content-header h2 { font-size: 20px; font-weight: 700; margin: 4px 0 0; }
.market-muse-detail-body .market-muse-section-kicker {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.5px;
    color: var(--mm-accent);
}
.market-muse-detail-body .market-muse-section-count { font-size: 14px; color: var(--mm-ink-soft); font-weight: 600; }
.market-muse-detail-body .market-muse-section-link { font-size: 13px; color: var(--mm-ink-soft); text-decoration: none; }

/* 탭/제목은 컬럼 전체 폭을 쓰되, 상세 이미지 본문은 가운데로 폭을 제한해
 * 이미지가 너무 커서 확대돼 보이지 않도록 좌우에 안정적인 여백을 줍니다. */
.market-muse-detail-body .market-muse-detail-html {
    line-height: 1.75;
    color: #333;
    font-size: 15px;
    text-align: left;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}
/* 판매자 상세 HTML이 고정 폭(width:750px 등)으로 가운데 정렬돼 좁게 나오는 것을
 * 왼쪽 정렬 + 본문 전체 폭으로 강제해 넓고 안정적으로 보이도록 합니다. */
.market-muse-detail-body .market-muse-detail-html img { width: 100% !important; max-width: 100% !important; height: auto !important; border-radius: 8px; }
.market-muse-detail-body .market-muse-detail-html > * {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box;
}
.market-muse-detail-body .market-muse-detail-html table { width: 100% !important; }

.market-muse-detail-body .market-muse-video-box { margin-bottom: 24px; border-radius: var(--mm-radius); overflow: hidden; }
.market-muse-detail-body .market-muse-video-box iframe { width: 100%; aspect-ratio: 16 / 9; border: 0; display: block; }

.market-muse-detail-body .market-muse-empty-card {
    padding: 40px 20px;
    text-align: center;
    color: var(--mm-ink-faint);
    background: var(--mm-bg-soft);
    border-radius: var(--mm-radius-sm);
    font-size: 14px;
}

/* 데이터 표 */
.market-muse-detail-body .market-muse-detail-subsection { margin-top: 32px; }
.market-muse-detail-body .market-muse-detail-subheader { margin-bottom: 14px; }
.market-muse-detail-body .market-muse-detail-subheader h3 { font-size: 16px; font-weight: 700; margin: 0 0 4px; }
.market-muse-detail-body .market-muse-detail-subheader p { font-size: 13px; color: var(--mm-ink-faint); margin: 0; }

.market-muse-detail-body .market-muse-data-table-wrap { overflow-x: auto; border: 1px solid var(--mm-line); border-radius: var(--mm-radius-sm); }
.market-muse-detail-body .market-muse-data-table { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.market-muse-detail-body .market-muse-data-table th,
.market-muse-detail-body .market-muse-data-table td { padding: 12px 16px; text-align: left; border-bottom: 1px solid var(--mm-line); vertical-align: top; }
.market-muse-detail-body .market-muse-data-table th { background: var(--mm-bg-soft); color: var(--mm-ink-soft); font-weight: 600; white-space: nowrap; width: 140px; }
.market-muse-detail-body .market-muse-data-table tr:last-child th,
.market-muse-detail-body .market-muse-data-table tr:last-child td { border-bottom: none; }

/* 리뷰 */
.market-muse-detail-body .market-muse-review-overview {
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 28px;
    align-items: center;
    padding: 24px;
    background: var(--mm-bg-soft);
    border-radius: var(--mm-radius);
    margin-bottom: 24px;
}

.market-muse-detail-body .market-muse-review-score { text-align: center; }
.market-muse-detail-body .market-muse-review-score strong { display: block; font-size: 44px; font-weight: 800; line-height: 1; }
.market-muse-detail-body .market-muse-review-score span { color: var(--mm-star); font-size: 18px; letter-spacing: 2px; }
.market-muse-detail-body .market-muse-review-score p { font-size: 12px; color: var(--mm-ink-faint); margin: 8px 0 0; }

.market-muse-detail-body .market-muse-review-bars { display: flex; flex-direction: column; gap: 8px; }
.market-muse-detail-body .market-muse-review-bar { display: grid; grid-template-columns: 40px 1fr 44px; gap: 12px; align-items: center; font-size: 13px; }
.market-muse-detail-body .market-muse-review-bar-track { height: 8px; border-radius: 999px; background: #e4e7ec; overflow: hidden; }
.market-muse-detail-body .market-muse-review-bar-fill { height: 100%; background: var(--mm-star); border-radius: 999px; }
.market-muse-detail-body .market-muse-review-bar strong { text-align: right; color: var(--mm-ink-soft); font-weight: 600; }

.market-muse-detail-body .market-muse-review-list { display: flex; flex-direction: column; gap: 4px; }
.market-muse-detail-body .market-muse-review-item { padding: 20px 4px; border-bottom: 1px solid var(--mm-line); }
.market-muse-detail-body .market-muse-review-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 10px; }
.market-muse-detail-body .market-muse-review-head strong { display: block; font-size: 15px; font-weight: 700; margin-bottom: 4px; }
.market-muse-detail-body .market-muse-review-head span { font-size: 12px; color: var(--mm-ink-faint); }
.market-muse-detail-body .market-muse-review-stars { color: var(--mm-star); font-size: 15px; letter-spacing: 1px; white-space: nowrap; }
.market-muse-detail-body .market-muse-review-item p { font-size: 14px; line-height: 1.7; color: #444; margin: 0; }

/* 문의 */
.market-muse-detail-body .market-muse-inquiry-layout { display: grid; grid-template-columns: 360px 1fr; gap: 28px; align-items: start; }

.market-muse-detail-body .market-muse-inquiry-form-card {
    border: 1px solid var(--mm-line);
    border-radius: var(--mm-radius);
    padding: 22px;
    background: #fff;
    box-shadow: var(--mm-shadow);
    position: sticky;
    top: 70px;
}

.market-muse-detail-body .market-muse-inquiry-form-card h3 { font-size: 17px; font-weight: 700; margin: 0 0 4px; }
.market-muse-detail-body .market-muse-inquiry-form-card > p { font-size: 13px; color: var(--mm-ink-faint); margin: 0 0 16px; }
.market-muse-detail-body .market-muse-inquiry-form-card label { display: block; margin-bottom: 14px; }
.market-muse-detail-body .market-muse-inquiry-form-card label span { display: block; font-size: 13px; font-weight: 600; color: var(--mm-ink-soft); margin-bottom: 6px; }

.market-muse-detail-body .market-muse-inquiry-form-card select,
.market-muse-detail-body .market-muse-inquiry-form-card input,
.market-muse-detail-body .market-muse-inquiry-form-card textarea {
    width: 100%;
    border: 1px solid var(--mm-line-strong);
    border-radius: 10px;
    padding: 11px 13px;
    font-size: 14px;
    color: var(--mm-ink);
    font-family: inherit;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    box-sizing: border-box;
}

.market-muse-detail-body .market-muse-inquiry-form-card select:focus,
.market-muse-detail-body .market-muse-inquiry-form-card input:focus,
.market-muse-detail-body .market-muse-inquiry-form-card textarea:focus {
    outline: none;
    border-color: var(--mm-cart);
    box-shadow: 0 0 0 3px rgba(43, 110, 242, 0.12);
}

.market-muse-detail-body .market-muse-inquiry-form-card textarea { resize: vertical; min-height: 120px; }

.market-muse-detail-body .market-muse-cta-button {
    width: 100%;
    height: 48px;
    border: none;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 800;
    cursor: pointer;
    transition: background 0.15s ease, transform 0.12s ease;
}

.market-muse-detail-body .market-muse-cta-button--primary { background: var(--mm-ink); color: #fff; }
.market-muse-detail-body .market-muse-cta-button--primary:hover { background: #000; transform: translateY(-1px); }

.market-muse-detail-body .market-muse-inquiry-summary { display: flex; gap: 16px; font-size: 13px; color: var(--mm-ink-soft); margin-bottom: 16px; font-weight: 600; }
.market-muse-detail-body .market-muse-inquiry-list { display: flex; flex-direction: column; gap: 12px; }

.market-muse-detail-body .market-muse-inquiry-item {
    border: 1px solid var(--mm-line);
    border-radius: var(--mm-radius-sm);
    padding: 16px 18px;
}

.market-muse-detail-body .market-muse-inquiry-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 8px; }
.market-muse-detail-body .market-muse-inquiry-head strong { font-size: 14px; font-weight: 700; margin-left: 8px; }

.market-muse-detail-body .market-muse-chip {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 999px;
    background: var(--mm-bg-soft);
    font-size: 11px;
    font-weight: 700;
    color: var(--mm-ink-soft);
}

.market-muse-detail-body .market-muse-status-chip {
    padding: 4px 12px;
    border-radius: 999px;
    background: #fff2f2;
    color: var(--mm-accent);
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.market-muse-detail-body .market-muse-status-chip.is-complete { background: #e9f7ee; color: #1a9c52; }

.market-muse-detail-body .market-muse-inquiry-meta { display: flex; gap: 12px; font-size: 12px; color: var(--mm-ink-faint); margin-bottom: 10px; }
.market-muse-detail-body .market-muse-inquiry-question { font-size: 14px; line-height: 1.65; color: #444; }

.market-muse-detail-body .market-muse-inquiry-answer {
    margin-top: 12px;
    padding: 14px 16px;
    background: var(--mm-bg-soft);
    border-radius: var(--mm-radius-sm);
    border-left: 3px solid var(--mm-cart);
}

.market-muse-detail-body .market-muse-inquiry-answer strong { font-size: 13px; color: var(--mm-cart); }
.market-muse-detail-body .market-muse-inquiry-answer p { font-size: 13.5px; line-height: 1.6; color: #444; margin: 6px 0 0; }
.market-muse-detail-body .market-muse-inquiry-answer span { display: block; font-size: 11px; color: var(--mm-ink-faint); margin-top: 6px; }

/* 교환/반품 */
.market-muse-detail-body .market-muse-return-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.market-muse-detail-body .market-muse-return-card { border: 1px solid var(--mm-line); border-radius: var(--mm-radius); padding: 22px; }
.market-muse-detail-body .market-muse-return-card h3 { font-size: 16px; font-weight: 700; margin: 0 0 14px; }
.market-muse-detail-body .market-muse-return-card ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.market-muse-detail-body .market-muse-return-card li { display: flex; justify-content: space-between; font-size: 13.5px; gap: 12px; }
.market-muse-detail-body .market-muse-return-card li strong { color: var(--mm-ink-faint); font-weight: 600; }
.market-muse-detail-body .market-muse-return-card li span { color: var(--mm-ink); font-weight: 600; text-align: right; }
.market-muse-detail-body .market-muse-return-summary { font-size: 14px; line-height: 1.6; color: #444; }
.market-muse-detail-body .market-muse-return-image { max-width: 100%; border-radius: var(--mm-radius-sm); margin-top: 12px; }
.market-muse-detail-body .market-muse-return-links { display: flex; gap: 10px; margin-top: 12px; }
.market-muse-detail-body .market-muse-return-links a { font-size: 13px; color: var(--mm-cart); text-decoration: none; font-weight: 600; }

/* 연관 상품 그리드 */
.market-muse-detail-body .market-muse-grid--detail { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }

.market-muse-detail-body .market-muse-card {
    text-decoration: none;
    color: var(--mm-ink);
    border: 1px solid var(--mm-line);
    border-radius: var(--mm-radius);
    overflow: hidden;
    background: #fff;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
    display: flex;
    flex-direction: column;
}

.market-muse-detail-body .market-muse-card:hover { transform: translateY(-4px); box-shadow: var(--mm-shadow-hover); border-color: transparent; }

.market-muse-detail-body .market-muse-thumb { position: relative; aspect-ratio: 1 / 1; background: var(--mm-bg-soft); overflow: hidden; }
.market-muse-detail-body .market-muse-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; }
.market-muse-detail-body .market-muse-card:hover .market-muse-thumb img { transform: scale(1.06); }
.market-muse-detail-body .market-muse-thumb-fallback { display: flex; align-items: center; justify-content: center; height: 100%; color: var(--mm-ink-faint); font-size: 13px; }

.market-muse-detail-body .market-muse-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.62);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
}

.market-muse-detail-body .market-muse-copy { padding: 14px 15px 16px; display: flex; flex-direction: column; gap: 6px; }
.market-muse-detail-body .market-muse-meta { display: flex; justify-content: space-between; font-size: 11px; color: var(--mm-ink-faint); }
.market-muse-detail-body .market-muse-title { font-size: 14px; font-weight: 600; line-height: 1.4; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.market-muse-detail-body .market-muse-summary { font-size: 12px; color: var(--mm-ink-faint); margin: 0; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.market-muse-detail-body .market-muse-price { font-size: 17px; font-weight: 800; color: var(--mm-ink); margin-top: 2px; }

/* 페이지네이션 */
.market-muse-detail-body .market-muse-pagination { display: flex; justify-content: center; gap: 6px; margin-top: 24px; }
.market-muse-detail-body .market-muse-pagination a {
    min-width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid var(--mm-line-strong);
    color: var(--mm-ink-soft);
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
}
.market-muse-detail-body .market-muse-pagination a.is-active { background: var(--mm-ink); color: #fff; border-color: var(--mm-ink); }

/* 목록보기 버튼 */
.market-muse-detail-body .mml-list-action { display: flex; justify-content: center; margin-top: 12px; }
.market-muse-detail-body .mml-list-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 28px;
    border-radius: 999px;
    border: 1px solid var(--mm-line-strong);
    color: var(--mm-ink-soft);
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.15s ease;
}
.market-muse-detail-body .mml-list-button:hover { border-color: var(--mm-ink); color: var(--mm-ink); }

/* ---------- 우측 고정 주문 박스 ---------- */
.market-muse-detail-body .mml-side-column { position: sticky; top: 150px; }

.market-muse-detail-body .mml-order-sticky {
    border: 1px solid var(--mm-line-strong);
    border-radius: var(--mm-radius);
    overflow: hidden;
    background: #fff;
    box-shadow: var(--mm-shadow);
}

.market-muse-detail-body .mml-bookmark-rail {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background: var(--mm-ink);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
}

.market-muse-detail-body .mml-order-box { padding: 18px; border-bottom: 1px solid var(--mm-line); }
.market-muse-detail-body .mml-order-box h3 { font-size: 14px; font-weight: 700; margin: 0 0 12px; }

.market-muse-detail-body .mml-order-stepper-wrap { display: flex; align-items: center; gap: 8px; }
.market-muse-detail-body .mml-order-unit { font-size: 13px; color: var(--mm-ink-soft); }
.market-muse-detail-body .mml-order-inline-price { display: block; margin-top: 12px; text-align: right; font-size: 20px; font-weight: 800; color: var(--mm-ink); }

.market-muse-detail-body .mml-order-total-row {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 14px;
}
.market-muse-detail-body .mml-order-total-row span { font-size: 14px; color: var(--mm-ink-soft); font-weight: 600; }
.market-muse-detail-body .mml-order-total-row strong { font-size: 24px; font-weight: 800; color: var(--mm-accent); letter-spacing: -0.5px; }

.market-muse-detail-body .mml-order-box--submit { border-bottom: none; }

/* ---------- 플래시/토스트 ---------- */
.market-muse-detail-body .market-muse-flash-stack { display: flex; flex-direction: column; gap: 8px; padding-top: 16px; }
.market-muse-detail-body .market-muse-flash { padding: 12px 16px; border-radius: 10px; font-size: 14px; font-weight: 600; }
.market-muse-detail-body .market-muse-flash--success { background: #e9f7ee; color: #1a9c52; }
.market-muse-detail-body .market-muse-flash--error { background: #fdeaea; color: var(--mm-accent-dark); }
.market-muse-detail-body .market-muse-flash--info { background: #eef4ff; color: var(--mm-cart); }

.market-muse-detail-body .market-muse-toast {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 60;
    display: flex;
    gap: 16px;
    max-width: 360px;
    padding: 18px 20px;
    background: #fff;
    border-radius: var(--mm-radius);
    box-shadow: var(--mm-shadow-hover);
    border: 1px solid var(--mm-line);
}
.market-muse-detail-body .market-muse-toast strong { font-size: 15px; }
.market-muse-detail-body .market-muse-toast p { font-size: 13px; color: var(--mm-ink-soft); margin: 4px 0 12px; }
.market-muse-detail-body .market-muse-toast-actions { display: flex; gap: 8px; }
.market-muse-detail-body .market-muse-toast-actions a {
    flex: 1;
    text-align: center;
    padding: 9px;
    border-radius: 8px;
    border: 1px solid var(--mm-line-strong);
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    color: var(--mm-ink-soft);
}
.market-muse-detail-body .market-muse-toast-actions a.is-primary { background: var(--mm-accent); border-color: var(--mm-accent); color: #fff; }
.market-muse-detail-body .market-muse-toast button { background: none; border: none; color: var(--mm-ink-faint); cursor: pointer; font-size: 16px; align-self: flex-start; }

/* ---------- 반응형 ---------- */
@media (max-width: 1080px) {
    .market-muse-detail-body .mml-scroll-layout { grid-template-columns: 1fr; }
    .market-muse-detail-body .mml-side-column { position: static; }
    .market-muse-detail-body .mml-order-sticky { display: flex; flex-wrap: wrap; }
    .market-muse-detail-body .mml-order-box { flex: 1; border-bottom: none; }
    .market-muse-detail-body .market-muse-grid--detail { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 860px) {
    .market-muse-detail-body .mml-detail-top { grid-template-columns: 1fr; gap: 24px; }
    .market-muse-detail-body .mml-detail-left { position: static; }
    .market-muse-detail-body .mml-seller-zone { grid-template-columns: 1fr; }
    .market-muse-detail-body .market-muse-review-overview { grid-template-columns: 1fr; text-align: center; }
    .market-muse-detail-body .market-muse-inquiry-layout { grid-template-columns: 1fr; }
    .market-muse-detail-body .market-muse-inquiry-form-card { position: static; }
    .market-muse-detail-body .market-muse-return-grid { grid-template-columns: 1fr; }
    .market-muse-detail-body .market-muse-grid--detail { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
    .market-muse-detail-body .market-muse-detail-shell { padding: 0 14px; }
    .market-muse-detail-body .mml-product-title { font-size: 21px; }
    .market-muse-detail-body .mml-price-line strong { font-size: 28px; }
    .market-muse-detail-body .mml-seller-product-grid { grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); }
    .market-muse-detail-body .mml-tab-link { padding: 14px 14px; font-size: 14px; }
    .market-muse-detail-body .market-muse-toast { left: 14px; right: 14px; max-width: none; }
}