:root {
    --products-max: 1180px;
}

.products-page,
.product-detail-page {
    background: var(--bg);
}

.products-hero {
    padding: 52px 0 22px;
}

.products-hero h1,
.product-detail-head h1 {
    margin: 12px 0 8px;
    font-size: clamp(30px, 4vw, 46px);
    letter-spacing: -.04em;
    line-height: 1.15;
}

.products-hero > .site-container > p,
.product-detail-head p {
    margin: 0;
    color: var(--muted);
}

.products-teaser {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 24px;
    padding: 16px 18px;
    border: 1px solid color-mix(in srgb, var(--brand) 18%, var(--line));
    border-radius: 14px;
    background: color-mix(in srgb, var(--brand) 4%, var(--surface));
}

.products-teaser > div {
    display: grid;
    gap: 3px;
}

.products-teaser strong {
    font-size: 13px;
}

.products-teaser span {
    color: var(--muted);
    font-size: 11px;
}

.products-content {
    padding: 0 0 70px;
}

.products-filter {
    display: grid;
    grid-template-columns:
        repeat(3, minmax(150px, .7fr))
        minmax(300px, 1.6fr)
        auto;
    align-items: end;
    gap: 12px;
    margin-bottom: 18px;
    padding: 18px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: var(--surface);
    box-shadow: var(--shadow);
}

.products-filter label {
    display: block;
    margin-bottom: 6px;
    font-size: 11px;
    font-weight: 800;
}

.products-filter select,
.products-filter input {
    width: 100%;
    height: 42px;
    padding: 0 12px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--surface);
    color: var(--text);
}

.products-filter select:disabled {
    opacity: .55;
}

.products-search-row {
    display: flex;
    gap: 7px;
}

.products-search-row input {
    flex: 1 1 auto;
    min-width: 0;
}

.products-filter-reset {
    display: flex;
    align-items: end;
}

.products-result-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin: 0 2px 10px;
}

.products-result-head > div {
    display: flex;
    align-items: baseline;
    gap: 9px;
}

.products-result-head strong {
    font-size: 14px;
}

.products-result-head span,
.products-price-legend {
    color: var(--muted);
    font-size: 11px;
}

.products-table-wrap {
    overflow-x: auto;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: var(--surface);
    box-shadow: var(--shadow);
}

.products-table {
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
}

.products-table th,
.products-table td {
    padding: 13px 14px;
    border-bottom: 1px solid var(--line);
    text-align: left;
    vertical-align: middle;
}

.products-table th {
    background: var(--surface-2);
    color: var(--muted);
    font-size: 10px;
    font-weight: 850;
}

.products-table td {
    font-size: 12px;
}

.products-table tbody tr:last-child td {
    border-bottom: 0;
}

.products-row {
    cursor: pointer;
}

.products-row:hover td,
.products-row:focus-visible td {
    background: color-mix(in srgb, var(--brand) 5%, var(--surface));
}

.products-row:hover .products-info-name,
.products-row:focus-visible .products-info-name {
    color: var(--brand);
}

.products-row:focus {
    outline: none;
}

.products-category {
    min-width: 170px;
}

.products-category span,
.products-category strong {
    display: block;
}

.products-category span {
    color: var(--muted);
    font-size: 10px;
}

.products-category strong {
    margin-top: 2px;
    font-size: 11px;
}

.products-info {
    min-width: 420px;
    width: 100%;
}

.products-info-name,
.products-info-description {
    display: block;
}

.products-info-name {
    color: var(--text);
    font-size: 12px;
    font-weight: 850;
    line-height: 1.35;
}

.products-info-description {
    margin-top: 4px;
    color: var(--muted);
    font-size: 10px;
    font-weight: 500;
    line-height: 1.45;
    white-space: normal;
    overflow-wrap: anywhere;
}

.products-price {
    min-width: 110px;
    font-weight: 800;
    text-align: right !important;
}

.products-locked-price {
    color: var(--brand);
    font-size: 11px !important;
    font-weight: 800;
    text-align: center !important;
}

.products-muted {
    color: var(--muted);
}

.products-empty {
    padding: 36px !important;
    color: var(--muted);
    text-align: center !important;
}

.products-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    flex-wrap: wrap;
    margin-top: 20px;
}

.products-pagination a {
    min-width: 36px;
    height: 36px;
    display: inline-grid;
    place-items: center;
    padding: 0 10px;
    border: 1px solid var(--line);
    border-radius: 9px;
    background: var(--surface);
    color: var(--text);
    font-size: 12px;
    font-weight: 750;
}

.products-pagination a:hover:not(.is-current):not(.is-disabled) {
    border-color: color-mix(in srgb, var(--brand) 25%, var(--line));
    background: color-mix(in srgb, var(--brand) 5%, var(--surface));
    color: var(--brand);
}

.products-pagination a.is-current {
    border-color: var(--brand);
    background: var(--brand);
    color: #fff;
}

.products-pagination a.is-disabled {
    pointer-events: none;
    opacity: .35;
}

.product-detail {
    padding: 52px 0 70px;
}

.product-back {
    display: inline-flex;
    margin-bottom: 18px;
    color: var(--muted);
    font-size: 12px;
    font-weight: 750;
}

.product-detail-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);
    gap: 18px;
    margin-top: 24px;
}

.product-card {
    padding: 22px;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: var(--surface);
    box-shadow: var(--shadow);
}

.product-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}

.product-card-head h2 {
    margin: 0;
    font-size: 17px;
}

.product-card-head span {
    color: var(--brand);
    font-size: 10px;
    font-weight: 850;
}

.product-info-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.product-info-list > div {
    padding: 13px 0;
    border-bottom: 1px solid var(--line);
}

.product-info-list > div.is-wide {
    grid-column: 1 / -1;
}

.product-info-list dt {
    margin-bottom: 5px;
    color: var(--muted);
    font-size: 10px;
    font-weight: 800;
}

.product-info-list dd {
    margin: 0;
    font-size: 12px;
    line-height: 1.65;
}

.product-price-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.product-price-fields label {
    display: block;
    margin-bottom: 6px;
    font-size: 11px;
    font-weight: 800;
}

.price-input-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
}

.price-input-wrap input {
    width: 100%;
    height: 44px;
    padding: 0 12px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--surface);
    color: var(--text);
    text-align: right;
    font-weight: 800;
}

.price-input-wrap span {
    color: var(--muted);
    font-size: 11px;
}

.product-price-help,
.product-price-updated {
    color: var(--muted);
    font-size: 10px;
    line-height: 1.6;
}

.product-price-help {
    margin: 12px 0 0;
}

.product-price-updated {
    margin-top: 10px;
}

.product-price-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 18px;
}

.product-price-locked {
    display: grid;
    gap: 10px;
    padding: 22px;
    border: 1px dashed color-mix(in srgb, var(--brand) 28%, var(--line));
    border-radius: 14px;
    background: color-mix(in srgb, var(--brand) 4%, var(--surface));
    text-align: center;
}

.product-price-locked p {
    margin: 0;
    color: var(--muted);
    font-size: 11px;
    line-height: 1.65;
}

.product-price-locked > div {
    display: flex;
    justify-content: center;
    gap: 8px;
}

.products-alert {
    margin-top: 16px;
    padding: 12px 14px;
    border: 1px solid var(--line);
    border-radius: 12px;
    font-size: 11px;
    font-weight: 750;
}

.products-alert.is-success {
    border-color: color-mix(in srgb, #10b981 28%, var(--line));
    background: color-mix(in srgb, #10b981 5%, var(--surface));
}

.products-alert.is-error {
    border-color: color-mix(in srgb, #dc2626 28%, var(--line));
    background: color-mix(in srgb, #dc2626 5%, var(--surface));
}

@media (max-width: 980px) {
    .products-filter {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .products-search {
        grid-column: 1 / -1;
    }

    .product-detail-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 620px) {
    .products-hero {
        padding-top: 34px;
    }

    .products-teaser,
    .products-result-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .products-filter,
    .product-price-fields,
    .product-info-list {
        grid-template-columns: 1fr;
    }

    .product-info-list > div.is-wide {
        grid-column: auto;
    }
}

/* =========================================================
   공개 표준상품 v1.1 - 검색영역 압축 / 페이지당 개수
   ========================================================= */

.products-filter {
    grid-template-columns:
        minmax(120px, .58fr)
        minmax(120px, .58fr)
        minmax(130px, .62fr)
        minmax(280px, 1.45fr)
        auto;
    gap: 9px;
    padding: 15px;
}

.products-filter label {
    margin-bottom: 5px;
    font-size: 10px;
}

.products-filter select,
.products-filter input {
    height: 38px;
    padding: 0 10px;
    font-size: 12px;
}

.products-search-row {
    gap: 6px;
}

.products-search-row .btn,
.products-filter-reset .btn {
    min-height: 38px;
    padding: 0 13px;
}

.products-result-head {
    min-height: 38px;
}

.products-result-summary {
    display: flex;
    align-items: baseline;
    gap: 10px;
    flex-wrap: wrap;
}

.products-per-page {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-left: auto;
    white-space: nowrap;
}

.products-per-page label,
.products-per-page span {
    color: var(--muted);
    font-size: 11px;
}

.products-per-page select {
    height: 34px;
    min-width: 72px;
    padding: 0 28px 0 10px;
    border: 1px solid var(--line);
    border-radius: 9px;
    background: var(--surface);
    color: var(--text);
    font-size: 11px;
    font-weight: 750;
}

@media (max-width: 1080px) {
    .products-filter {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

    .products-search {
        grid-column: span 2;
    }
}

@media (max-width: 720px) {
    .products-filter {
        grid-template-columns: 1fr 1fr;
    }

    .products-search {
        grid-column: 1 / -1;
    }

    .products-filter-reset {
        grid-column: 1 / -1;
    }

    .products-result-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .products-per-page {
        margin-left: 0;
    }
}

/* =========================================================
   승인회원 표준상품 가격 - ERP식 목록 직접입력
   ========================================================= */

.products-price-input-cell {
    min-width: 122px;
    width: 122px;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.products-inline-price {
    display: flex;
    align-items: center;
    gap: 5px;
}

.products-inline-price input {
    width: 92px;
    height: 34px;
    padding: 0 8px;
    border: 1px solid var(--line);
    border-radius: 7px;
    background: var(--surface-2);
    color: var(--text);
    font-size: 12px;
    font-weight: 800;
    text-align: right;
    transition:
        border-color .12s ease,
        background-color .12s ease,
        box-shadow .12s ease;
}

.products-inline-price input:hover {
    border-color: color-mix(
        in srgb,
        var(--brand) 24%,
        var(--line)
    );
}

.products-inline-price input:focus {
    outline: none;
    border-color: var(--brand);
    background: var(--surface);
    box-shadow: 0 0 0 3px color-mix(
        in srgb,
        var(--brand) 12%,
        transparent
    );
}

.products-inline-price span {
    flex: 0 0 auto;
    color: var(--muted);
    font-size: 10px;
}

.products-price-save-state {
    display: block;
    min-height: 14px;
    margin-top: 3px;
    color: var(--muted);
    font-size: 9px;
    line-height: 1.2;
    text-align: right;
}

.products-price-save-state.is-saving {
    color: var(--muted);
}

.products-price-save-state.is-saved {
    color: #059669;
}

.products-price-save-state.is-error {
    color: #dc2626;
}

/*
 * 행 전체 클릭은 유지하지만 가격 입력란에 마우스를 올렸을 때는
 * 상세페이지 이동보다 가격 입력이 우선임을 시각적으로 보여준다.
 */
.products-row:has(
    [data-inline-purchase]:focus,
    [data-inline-sales]:focus
) td {
    background: color-mix(
        in srgb,
        var(--brand) 2.5%,
        var(--surface)
    );
}

/* =========================================================
   표준상품 목록 - 행 호버만 유지, 상세 링크 제거
   ========================================================= */

.products-row {
    cursor: default;
}

.products-row:hover td {
    background: color-mix(
        in srgb,
        var(--brand) 5%,
        var(--surface)
    );
}

.products-row:hover .products-name strong {
    color: var(--brand);
}

/* =========================================================
   표준상품 가격입력 UI 보정
   ========================================================= */

/*
 * 검색영역은 데스크톱에서 반드시 한 줄.
 * 대/중/소분류 폭을 줄이고 검색버튼/초기화는 개행 금지.
 */
.products-filter {
    grid-template-columns:
        minmax(105px, .48fr)
        minmax(105px, .48fr)
        minmax(115px, .52fr)
        minmax(240px, 1.25fr)
        auto;
    gap: 8px;
    padding: 15px;
}

.products-filter label {
    margin-bottom: 5px;
    font-size: 10px;
}

.products-filter select,
.products-filter input {
    height: 38px;
    padding: 0 10px;
    font-size: 12px;
}

.products-search-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 58px;
    gap: 6px;
}

.products-search-row .btn {
    width: 58px;
    min-width: 58px;
    min-height: 38px;
    padding: 0 8px;
    white-space: nowrap;
    word-break: keep-all;
    line-height: 1;
}

.products-filter-reset .btn {
    min-width: 66px;
    min-height: 38px;
    padding: 0 11px;
    white-space: nowrap;
    word-break: keep-all;
}

/*
 * 저장 상태는 행 높이에 영향을 주지 않는 작은 툴팁으로 표시.
 * 판매가 셀 우측 상단에 떠 있고, 평상시에는 완전히 숨김.
 */
.products-price-input-cell {
    position: relative;
    vertical-align: middle;
}

.products-price-save-state {
    position: absolute;
    z-index: 30;
    right: 8px;
    top: -7px;

    display: none;
    min-height: 0;
    margin: 0;
    padding: 4px 7px;

    border: 1px solid var(--line);
    border-radius: 7px;
    background: var(--surface);
    box-shadow: 0 6px 16px rgba(15, 23, 42, .14);

    color: var(--muted);
    font-size: 9px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    pointer-events: none;
}

.products-price-save-state:not(:empty) {
    display: block;
}

.products-price-save-state::after {
    content: '';
    position: absolute;
    right: 12px;
    bottom: -4px;
    width: 7px;
    height: 7px;
    border-right: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    background: inherit;
    transform: rotate(45deg);
}

.products-price-save-state.is-saving {
    border-color: color-mix(in srgb, var(--brand) 18%, var(--line));
    background: color-mix(in srgb, var(--brand) 5%, var(--surface));
    color: var(--brand);
}

.products-price-save-state.is-saved {
    border-color: color-mix(in srgb, #059669 22%, var(--line));
    background: color-mix(in srgb, #059669 6%, var(--surface));
    color: #059669;
}

.products-price-save-state.is-error {
    border-color: color-mix(in srgb, #dc2626 22%, var(--line));
    background: color-mix(in srgb, #dc2626 6%, var(--surface));
    color: #dc2626;
}

@media (max-width: 1080px) {
    .products-filter {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

    .products-search {
        grid-column: span 2;
    }
}

@media (max-width: 720px) {
    .products-filter {
        grid-template-columns: 1fr 1fr;
    }

    .products-search {
        grid-column: 1 / -1;
    }

    .products-filter-reset {
        grid-column: 1 / -1;
    }
}

/* =========================================================
   공개 표준상품 - 검색 섹션 2단 + 가격등록 필터
   ========================================================= */

.products-filter {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 16px 18px;
}

.products-filter-row {
    display: grid;
    gap: 10px;
    align-items: end;
}

.products-filter-row-selects {
    grid-template-columns:
        repeat(4, minmax(0, 1fr));
}

.products-filter-row-selects > div {
    min-width: 0;
}

.products-filter-row-search {
    grid-template-columns: 1fr;
}

.products-filter-row-search .products-search {
    width: 100%;
}

.products-search-row {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        64px
        76px;
    gap: 8px;
}

.products-search-row .btn {
    width: auto;
    min-width: 0;
    min-height: 38px;
    padding: 0 12px;
    white-space: nowrap;
    word-break: keep-all;
}

.products-filter select,
.products-filter input {
    height: 40px;
}

@media (max-width: 900px) {
    .products-filter-row-selects {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .products-filter-row-selects {
        grid-template-columns: 1fr;
    }

    .products-search-row {
        grid-template-columns: 1fr auto auto;
    }
}


.products-info-stack {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 3px !important;
    width: 100%;
    min-width: 0;
}

.products-info-stack .products-info-name {
    display: block !important;
    width: 100%;
    color: var(--text);
    font-size: 12px;
    font-weight: 850;
    line-height: 1.35;
}

.products-info-stack .products-info-description {
    display: block !important;
    width: 100%;
    margin: 0 !important;
    color: var(--muted);
    font-size: 10px;
    font-weight: 500;
    line-height: 1.45;
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: keep-all;
}


/* =========================================================
   공개 표준상품 - 코드 | 부류 | 상품명/설명 | 매입가 | 판매가
   ========================================================= */
.products-table {
    min-width: 980px;
    table-layout: fixed;
}

.products-table th:nth-child(1),
.products-table td:nth-child(1) {
    width: 140px;
}

.products-table th:nth-child(2),
.products-table td:nth-child(2) {
    width: 190px;
}

.products-table th:nth-child(3),
.products-table td:nth-child(3) {
    width: auto;
}

.products-table th:nth-child(4),
.products-table td:nth-child(4),
.products-table th:nth-child(5),
.products-table td:nth-child(5) {
    width: 125px;
}

.products-code {
    white-space: nowrap;
}

.products-category-simple {
    color: var(--muted);
    font-size: 11px !important;
    font-weight: 600;
    line-height: 1.4;
    white-space: normal;
    word-break: keep-all;
}

.products-category-dot {
    display: inline-block;
    margin: 0 3px;
    color: color-mix(in srgb, var(--muted) 65%, transparent);
}

.products-info {
    min-width: 0;
    width: auto;
}

.products-info-stack {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 3px !important;
    width: 100%;
    min-width: 0;
}

.products-info-stack .products-info-name {
    display: block !important;
    width: 100%;
    color: var(--text);
    font-size: 12px;
    font-weight: 850;
    line-height: 1.35;
}

.products-info-stack .products-info-description {
    display: block !important;
    width: 100%;
    margin: 0 !important;
    color: var(--muted);
    font-size: 10px;
    font-weight: 400;
    line-height: 1.45;
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: keep-all;
}


/* 상품코드는 상품 부류와 동일한 톤으로 표시 */
.products-code,
.products-code code {
    color: var(--muted) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    font-family: inherit !important;
    background: transparent !important;
    padding: 0 !important;
}


/* 상품코드 중앙 정렬 */
.products-table th:first-child,
.products-table td.products-code {
    text-align: center !important;
}
.products-code code {
    display: inline-block;
    text-align: center;
}

/* =========================================================
   표준상품 목록 - 상품코드 셀도 행 호버 배경 동기화
   ========================================================= */
.products-table tbody tr.products-row:hover > td.products-code,
.products-table tbody tr.products-row:focus-visible > td.products-code {
    background: color-mix(in srgb, var(--brand) 5%, var(--surface)) !important;
}

.products-table tbody tr.products-row:hover > td.products-code code,
.products-table tbody tr.products-row:focus-visible > td.products-code code {
    background: transparent !important;
}

/* =========================================================
   표준상품 목록 - 제목행 정렬
   매입가 / 판매가 헤더만 가운데 정렬
   상품 부류 헤더는 기본 좌측 정렬 유지
   ========================================================= */
.products-table thead th:nth-child(4),
.products-table thead th:nth-child(5) {
    text-align: center !important;
}

/* =========================================================
   조달메이트 표준단가 + 회원 표준단가 적용
   2026-08-17
   ========================================================= */

.products-table {
    min-width: 1180px;
}

.products-reference-head {
    text-align: right !important;
}

.products-reference-price {
    min-width: 112px;
    width: 112px;
    text-align: right !important;
    white-space: nowrap;
}

.products-reference-price strong {
    color: var(--text);
    font-size: 11px;
    font-weight: 850;
}

.products-reference-price > span:not(.products-muted) {
    margin-left: 2px;
    color: var(--muted);
    font-size: 9px;
}

.products-standard-apply-button {
    min-height: 30px;
    padding: 0 10px;
    border-color: color-mix(in srgb, var(--brand) 24%, var(--line));
    color: var(--brand);
    font-size: 10px;
    font-weight: 850;
    white-space: nowrap;
}

.products-standard-apply-button:not(:disabled):hover {
    background: color-mix(in srgb, var(--brand) 7%, var(--surface));
}

.products-standard-apply-button:disabled {
    cursor: default;
    opacity: .5;
}

.products-standard-apply-meta {
    font-size: 10px !important;
    white-space: nowrap;
}

.products-price-source {
    position: absolute;
    left: 8px;
    top: -7px;
    z-index: 25;
    display: inline-flex;
    align-items: center;
    min-height: 18px;
    padding: 0 6px;
    border: 1px solid color-mix(in srgb, #059669 22%, var(--line));
    border-radius: 999px;
    background: color-mix(in srgb, #059669 8%, var(--surface));
    color: #059669;
    font-size: 8px;
    font-weight: 900;
    line-height: 1;
    pointer-events: none;
}

.products-price-source[hidden] {
    display: none !important;
}

[data-theme="dark"] .products-price-source {
    color: #6ee7b7;
}

@media (max-width: 720px) {
    .products-standard-apply-button,
    .products-standard-apply-meta {
        margin-top: 2px;
    }
}

/* =========================================================
   표준상품 가격 컬럼 레이아웃 정리 + 가격 구분 컬럼
   2026-08-17
   - 공개 본문 1180px 안에서 가로 스크롤 방지
   - 표준/회원 가격 출처를 별도 구분 컬럼으로 표시
   ========================================================= */
.products-table-wrap {
    overflow-x: visible;
}

.products-table {
    width: 100%;
    min-width: 0 !important;
    table-layout: fixed;
}

.products-table th,
.products-table td {
    padding-left: 9px;
    padding-right: 9px;
}

.products-table th:nth-child(1),
.products-table td:nth-child(1) {
    width: 105px;
}

.products-table th:nth-child(2),
.products-table td:nth-child(2) {
    width: 115px;
}

.products-table th:nth-child(3),
.products-table td:nth-child(3) {
    width: auto;
}

.products-table th:nth-child(4),
.products-table td:nth-child(4),
.products-table th:nth-child(5),
.products-table td:nth-child(5) {
    width: 96px;
}

.products-table th:nth-child(6),
.products-table td:nth-child(6),
.products-table th:nth-child(7),
.products-table td:nth-child(7) {
    width: 112px;
}

.products-table th:nth-child(8),
.products-table td:nth-child(8) {
    width: 66px;
}

.products-reference-price {
    width: auto;
    min-width: 0;
    text-align: right !important;
}

.products-price-input-cell {
    width: auto;
    min-width: 0;
}

.products-inline-price {
    width: 100%;
    gap: 3px;
}

.products-inline-price input {
    width: 100%;
    min-width: 0;
    padding-left: 6px;
    padding-right: 6px;
}

.products-source-head,
.products-source-cell {
    text-align: center !important;
    white-space: nowrap;
}

.products-price-source {
    position: static;
    z-index: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    min-height: 20px;
    padding: 0 6px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 900;
    line-height: 1;
    pointer-events: none;
}

.products-price-source.is-standard {
    border: 1px solid color-mix(in srgb, #059669 22%, var(--line));
    background: color-mix(in srgb, #059669 8%, var(--surface));
    color: #059669;
}

.products-price-source.is-manual {
    border: 1px solid color-mix(in srgb, var(--brand) 24%, var(--line));
    background: color-mix(in srgb, var(--brand) 8%, var(--surface));
    color: var(--brand);
}

.products-source-empty {
    color: var(--muted);
    font-size: 10px;
}

.products-source-empty[hidden] {
    display: none !important;
}

[data-theme="dark"] .products-price-source.is-standard {
    color: #6ee7b7;
}

[data-theme="dark"] .products-price-source.is-manual {
    color: #93c5fd;
}

@media (max-width: 820px) {
    .products-table-wrap {
        overflow-x: auto;
    }

    .products-table {
        min-width: 920px !important;
    }
}

/* =========================================================
   표준상품 보기 방식 v1.0 - 리스트 기본 / 카드 보기
   ========================================================= */
.products-result-tools {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
}

.products-view-toggle {
    display: inline-flex;
    align-items: center;
    height: 34px;
    padding: 2px;
    border: 1px solid var(--line);
    border-radius: 9px;
    background: var(--surface);
}

.products-view-btn {
    width: 31px;
    height: 28px;
    display: inline-grid;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: var(--muted);
    cursor: pointer;
    transition: background .15s ease, color .15s ease;
}

.products-view-btn:hover {
    color: var(--brand);
    background: color-mix(in srgb, var(--brand) 6%, var(--surface));
}

.products-view-btn.is-active {
    color: var(--brand);
    background: var(--brand-soft);
}

.products-view-btn svg {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* 야간모드 제목 영문 배지 대비 보정 */
[data-theme="dark"] .products-title-row .eyebrow {
    color: #8fc1ff;
    background: rgba(59, 130, 246, .16);
    border-color: rgba(96, 165, 250, .28);
}

/* 카드 보기에서도 동일한 한 세트의 입력필드를 사용한다. */
.products-table-wrap.is-card-view {
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.products-table-wrap.is-card-view .products-table {
    display: block;
    width: 100%;
    table-layout: auto;
}

.products-table-wrap.is-card-view .products-table thead {
    display: none;
}

.products-table-wrap.is-card-view .products-table tbody {
    display: grid;
    gap: 10px;
}

.products-table-wrap.is-card-view .products-table tbody tr.products-row {
    display: grid;
    grid-template-columns: 112px 150px minmax(0, 1fr) 126px 126px;
    grid-template-areas:
        "code category info refbuy refsell"
        "code category info mybuy mysell"
        "code category info source source";
    align-items: center;
    min-height: 126px;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: var(--surface);
    box-shadow: var(--shadow);
}

.products-table-wrap.is-card-view .products-table tbody tr.products-row > td {
    display: block;
    width: auto !important;
    min-width: 0;
    height: 100%;
    padding: 10px 12px;
    border: 0;
    background: transparent;
}

.products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(1) {
    grid-area: code;
    display: flex;
    align-items: center;
    border-right: 1px solid var(--line);
}
.products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(2) {
    grid-area: category;
    display: flex;
    align-items: center;
}
.products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(3) {
    grid-area: info;
    display: flex;
    align-items: center;
    border-right: 1px solid var(--line);
}
.products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(4) { grid-area: refbuy; }
.products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(5) { grid-area: refsell; }
.products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(6) { grid-area: mybuy; }
.products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(7) { grid-area: mysell; }
.products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(8) { grid-area: source; }

.products-table-wrap.is-card-view .products-reference-price,
.products-table-wrap.is-card-view .products-price-input-cell,
.products-table-wrap.is-card-view .products-source-cell {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
    padding-top: 24px !important;
    text-align: right;
}

.products-table-wrap.is-card-view .products-reference-price::before,
.products-table-wrap.is-card-view .products-price-input-cell::before,
.products-table-wrap.is-card-view .products-source-cell::before {
    position: absolute;
    top: 7px;
    left: 12px;
    color: var(--muted);
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
}
.products-table-wrap.is-card-view td:nth-child(4)::before { content: "표준 매입가"; }
.products-table-wrap.is-card-view td:nth-child(5)::before { content: "표준 판매가"; }
.products-table-wrap.is-card-view td:nth-child(6)::before { content: "내 매입가"; }
.products-table-wrap.is-card-view td:nth-child(7)::before { content: "내 판매가"; }
.products-table-wrap.is-card-view td:nth-child(8)::before { content: "구분"; }

.products-table-wrap.is-card-view .products-inline-price {
    width: 100%;
    max-width: 108px;
}

.products-table-wrap.is-card-view .products-source-cell {
    min-height: 38px;
    border-top: 1px dashed var(--line) !important;
}

.products-table-wrap.is-card-view .products-empty {
    display: block;
    padding: 36px 20px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: var(--surface);
    text-align: center;
}

@media (max-width: 920px) {
    .products-result-head {
        align-items: flex-start;
    }
    .products-result-tools {
        align-self: flex-end;
    }
    .products-table-wrap.is-card-view .products-table tbody tr.products-row {
        grid-template-columns: 105px minmax(0, 1fr) 126px 126px;
        grid-template-areas:
            "code info refbuy refsell"
            "category info mybuy mysell"
            "category info source source";
    }
}

@media (max-width: 680px) {
    .products-result-head,
    .products-result-tools {
        width: 100%;
    }
    .products-result-head {
        flex-direction: column;
    }
    .products-result-tools {
        justify-content: flex-end;
    }
    .products-table-wrap.is-card-view .products-table tbody tr.products-row {
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
            "info info"
            "code category"
            "refbuy refsell"
            "mybuy mysell"
            "source source";
    }
    .products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(1),
    .products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(3) {
        border-right: 0;
    }
    .products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(3) {
        border-bottom: 1px solid var(--line);
    }
}

/* =========================================================
   표준상품 카드 보기 v2.0
   - 입찰공고 카드와 같은 정보 위계
   - 카드 전체 호버
   - 왼쪽 상품정보 / 오른쪽 2x2 가격영역
   ========================================================= */
.products-table-wrap.is-card-view .products-table tbody tr.products-row {
    grid-template-columns: 112px 156px minmax(0, 1fr) 132px 132px;
    grid-template-rows: minmax(52px, auto) minmax(52px, auto) 34px;
    grid-template-areas:
        "info info info refbuy refsell"
        "info info info mybuy mysell"
        "code category category source source";
    min-height: 148px;
    transition: border-color .16s ease, box-shadow .16s ease, background .16s ease, transform .16s ease;
}

.products-table-wrap.is-card-view .products-table tbody tr.products-row:hover,
.products-table-wrap.is-card-view .products-table tbody tr.products-row:focus-visible {
    border-color: color-mix(in srgb, var(--brand) 42%, var(--line));
    background: color-mix(in srgb, var(--brand) 2.5%, var(--surface));
    box-shadow: 0 9px 24px rgba(15, 23, 42, .08);
    transform: translateY(-1px);
}

/* 기존 테이블 행 호버가 개별 셀에 덮이는 현상을 카드 보기에서는 제거 */
.products-table-wrap.is-card-view .products-table tbody tr.products-row:hover > td,
.products-table-wrap.is-card-view .products-table tbody tr.products-row:focus-visible > td,
.products-table-wrap.is-card-view .products-table tbody tr.products-row:hover > td.products-code,
.products-table-wrap.is-card-view .products-table tbody tr.products-row:focus-visible > td.products-code {
    background: transparent !important;
}

.products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(1) {
    grid-area: code;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 34px;
    padding: 6px 14px 8px !important;
    border-right: 0;
    border-top: 1px solid var(--line);
    text-align: left !important;
}

.products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(2) {
    grid-area: category;
    display: flex;
    align-items: center;
    height: 34px;
    padding: 6px 12px 8px !important;
    border-top: 1px solid var(--line);
}

.products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(3) {
    grid-area: info;
    display: flex;
    align-items: center;
    padding: 18px 18px 14px !important;
    border-right: 1px solid var(--line);
}

.products-table-wrap.is-card-view .products-info-stack {
    width: 100%;
}

.products-table-wrap.is-card-view .products-info-name {
    display: block;
    margin-bottom: 7px;
    font-size: 15px;
    line-height: 1.35;
}

.products-table-wrap.is-card-view .products-info-description {
    max-width: 680px;
    color: var(--muted);
    font-size: 11px;
    line-height: 1.55;
}

.products-table-wrap.is-card-view .products-code code {
    color: var(--muted);
    font-size: 10px;
    font-weight: 750;
}

.products-table-wrap.is-card-view .products-category-simple {
    color: var(--muted);
    font-size: 10px;
}

.products-table-wrap.is-card-view .products-reference-price,
.products-table-wrap.is-card-view .products-price-input-cell {
    min-height: 52px;
    padding: 22px 14px 8px !important;
    border-left: 0;
}

.products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(4),
.products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(6) {
    border-left: 0;
}

.products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(5),
.products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(7) {
    border-left: 1px solid color-mix(in srgb, var(--line) 75%, transparent);
}

.products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(6),
.products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(7) {
    border-top: 1px solid color-mix(in srgb, var(--line) 75%, transparent);
}

.products-table-wrap.is-card-view .products-reference-price::before,
.products-table-wrap.is-card-view .products-price-input-cell::before {
    top: 8px;
    left: 14px;
    font-size: 9px;
    letter-spacing: -.01em;
}

.products-table-wrap.is-card-view .products-reference-price strong {
    font-size: 12px;
}

.products-table-wrap.is-card-view .products-inline-price {
    max-width: 100%;
}

.products-table-wrap.is-card-view .products-inline-price input {
    width: 88px;
}

.products-table-wrap.is-card-view .products-source-cell {
    grid-area: source;
    min-height: 34px;
    height: 34px;
    padding: 6px 14px 8px !important;
    border-top: 1px solid var(--line) !important;
    justify-content: flex-end;
}

.products-table-wrap.is-card-view .products-source-cell::before {
    top: 10px;
    left: 14px;
    font-size: 9px;
}

.products-table-wrap.is-card-view .products-price-source {
    font-size: 9px;
}

/* 카드에서는 상품명만이 아니라 카드 전체가 같은 hover 상태를 갖는다. */
.products-table-wrap.is-card-view .products-table tbody tr.products-row:hover .products-info-name,
.products-table-wrap.is-card-view .products-table tbody tr.products-row:focus-visible .products-info-name {
    color: var(--brand);
}

[data-theme="dark"] .products-table-wrap.is-card-view .products-table tbody tr.products-row:hover,
[data-theme="dark"] .products-table-wrap.is-card-view .products-table tbody tr.products-row:focus-visible {
    box-shadow: 0 10px 28px rgba(0, 0, 0, .22);
}

@media (max-width: 920px) {
    .products-table-wrap.is-card-view .products-table tbody tr.products-row {
        grid-template-columns: 105px minmax(0, 1fr) 128px 128px;
        grid-template-rows: minmax(54px, auto) minmax(54px, auto) 34px 34px;
        grid-template-areas:
            "info info refbuy refsell"
            "info info mybuy mysell"
            "code category source source"
            "category category source source";
    }
}

@media (max-width: 680px) {
    .products-table-wrap.is-card-view .products-table tbody tr.products-row {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto 34px 34px auto auto 34px;
        grid-template-areas:
            "info info"
            "code code"
            "category category"
            "refbuy refsell"
            "mybuy mysell"
            "source source";
    }

    .products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(3) {
        border-right: 0;
        border-bottom: 1px solid var(--line);
    }

    .products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(1),
    .products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(2) {
        border-top: 0;
    }
}

/* =========================================================
   Product card v3 — bid-card style information hierarchy
   ========================================================= */
.products-category-large-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.products-category-path {
    display: inline;
}

.products-table-wrap.is-card-view .products-table tbody tr.products-row {
    grid-template-columns: auto auto auto minmax(0, 1fr) 286px;
    grid-template-rows: 34px minmax(42px, auto) minmax(42px, auto) minmax(42px, auto) minmax(42px, auto);
    grid-template-areas:
        "category source code catpath refbuy"
        "info info info info refsell"
        "info info info info mybuy"
        "info info info info mysell"
        "info info info info .";
    min-height: 190px;
    column-gap: 0;
}

/* category TD becomes transparent so its two children can participate in the card grid */
.products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(2) {
    display: contents !important;
}

.products-table-wrap.is-card-view .products-category-large-badge {
    grid-area: category;
    align-self: center;
    justify-self: start;
    margin-left: 18px;
    padding: 4px 9px;
    border: 1px solid color-mix(in srgb, var(--brand) 18%, var(--line));
    border-radius: 999px;
    background: color-mix(in srgb, var(--brand) 8%, var(--surface));
    color: var(--brand);
    font-size: 9px;
    font-weight: 900;
    line-height: 1;
    white-space: nowrap;
}

.products-table-wrap.is-card-view .products-category-path {
    grid-area: catpath;
    align-self: center;
    min-width: 0;
    padding: 0 10px;
    color: var(--muted);
    font-size: 10px;
    font-weight: 650;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(8) {
    grid-area: source;
    align-self: center;
    justify-self: start;
    min-width: 0;
    width: auto;
    height: auto;
    min-height: 0;
    padding: 0 7px !important;
    border: 0 !important;
    background: transparent !important;
}

.products-table-wrap.is-card-view .products-source-cell::before {
    display: none !important;
}

.products-table-wrap.is-card-view .products-price-source {
    min-width: 0;
    min-height: 20px;
    padding: 0 7px;
    font-size: 9px;
}

.products-table-wrap.is-card-view .products-source-empty {
    display: none;
}

.products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(1) {
    grid-area: code;
    align-self: center;
    justify-self: start;
    width: auto;
    height: auto;
    min-height: 0;
    padding: 0 8px !important;
    border: 0 !important;
    background: transparent !important;
}

.products-table-wrap.is-card-view .products-code code {
    color: var(--muted);
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
}

.products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(3) {
    grid-area: info;
    align-self: stretch;
    display: flex;
    align-items: flex-start;
    padding: 13px 18px 18px !important;
    border: 0 !important;
    border-right: 1px solid var(--line) !important;
    background: transparent !important;
}

.products-table-wrap.is-card-view .products-info-stack {
    width: 100%;
    padding-top: 0;
}

.products-table-wrap.is-card-view .products-info-name {
    margin-bottom: 7px;
    color: var(--text);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.4;
}

.products-table-wrap.is-card-view .products-info-description {
    max-width: none;
    color: var(--muted);
    font-size: 11px;
    line-height: 1.55;
}

/* right panel: one clean line per price, label left / value right */
.products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(4) { grid-area: refbuy; }
.products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(5) { grid-area: refsell; }
.products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(6) { grid-area: mybuy; }
.products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(7) { grid-area: mysell; }

.products-table-wrap.is-card-view .products-reference-price,
.products-table-wrap.is-card-view .products-price-input-cell {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    min-height: 42px;
    padding: 8px 14px 8px 102px !important;
    border: 0 !important;
    background: transparent !important;
    text-align: right !important;
}

.products-table-wrap.is-card-view .products-reference-price::before,
.products-table-wrap.is-card-view .products-price-input-cell::before {
    position: absolute;
    top: 50%;
    left: 14px;
    transform: translateY(-50%);
    color: var(--muted);
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap;
}

.products-table-wrap.is-card-view td:nth-child(4)::before { content: "표준 매입가"; }
.products-table-wrap.is-card-view td:nth-child(5)::before { content: "표준 판매가"; }
.products-table-wrap.is-card-view td:nth-child(6)::before { content: "내 매입가"; }
.products-table-wrap.is-card-view td:nth-child(7)::before { content: "내 판매가"; }

.products-table-wrap.is-card-view .products-reference-price strong {
    font-size: 12px;
    font-weight: 850;
}

.products-table-wrap.is-card-view .products-reference-price > span:not(.products-muted) {
    margin-left: 3px;
    color: var(--muted);
    font-size: 10px;
}

.products-table-wrap.is-card-view .products-inline-price {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    max-width: 142px;
    margin-left: auto;
}

.products-table-wrap.is-card-view .products-inline-price input {
    width: 104px;
    min-width: 0;
    text-align: right;
}

.products-table-wrap.is-card-view .products-price-save-state {
    position: absolute;
    right: 14px;
    bottom: 1px;
}

[data-theme="dark"] .products-table-wrap.is-card-view .products-category-large-badge {
    background: color-mix(in srgb, var(--brand) 13%, var(--surface));
    color: #93c5fd;
}

@media (max-width: 920px) {
    .products-table-wrap.is-card-view .products-table tbody tr.products-row {
        grid-template-columns: auto auto auto minmax(0, 1fr);
        grid-template-rows: 34px auto 42px 42px 42px 42px;
        grid-template-areas:
            "category source code catpath"
            "info info info info"
            "refbuy refbuy refbuy refbuy"
            "refsell refsell refsell refsell"
            "mybuy mybuy mybuy mybuy"
            "mysell mysell mysell mysell";
    }

    .products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(3) {
        border-right: 0 !important;
        border-bottom: 1px solid var(--line) !important;
    }
}

@media (max-width: 680px) {
    .products-table-wrap.is-card-view .products-table tbody tr.products-row {
        grid-template-columns: auto auto minmax(0, 1fr);
        grid-template-rows: 30px 28px auto 42px 42px 42px 42px;
        grid-template-areas:
            "category source code"
            "catpath catpath catpath"
            "info info info"
            "refbuy refbuy refbuy"
            "refsell refsell refsell"
            "mybuy mybuy mybuy"
            "mysell mysell mysell";
    }

    .products-table-wrap.is-card-view .products-category-large-badge {
        margin-left: 12px;
    }

    .products-table-wrap.is-card-view .products-category-path {
        padding: 0 12px;
    }
}

/* =========================================================
   Product card v4 — compact single-row price layout
   ========================================================= */
.products-table-wrap.is-card-view .products-table tbody tr.products-row {
    grid-template-columns: auto auto auto minmax(0, 1fr);
    grid-template-rows: 34px auto 54px;
    grid-template-areas:
        "category source code catpath"
        "info info info info"
        "refbuy refsell mybuy mysell";
    min-height: 0;
    row-gap: 0;
    column-gap: 0;
}

.products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(3) {
    grid-area: info;
    align-self: stretch;
    display: flex;
    align-items: center;
    min-height: 52px;
    padding: 8px 16px 10px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--line) !important;
    background: transparent !important;
}

.products-table-wrap.is-card-view .products-info-stack {
    display: flex !important;
    flex-direction: row !important;
    align-items: baseline !important;
    gap: 12px !important;
    width: 100%;
    min-width: 0;
    padding: 0;
}

.products-table-wrap.is-card-view .products-info-name {
    flex: 0 0 auto;
    width: auto !important;
    margin: 0 !important;
    color: var(--text);
    font-size: 14px;
    font-weight: 850;
    line-height: 1.4;
    white-space: nowrap;
}

.products-table-wrap.is-card-view .products-info-description {
    flex: 1 1 auto;
    width: auto !important;
    min-width: 0;
    margin: 0 !important;
    color: var(--muted);
    font-size: 10px;
    line-height: 1.45;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(4) { grid-area: refbuy; }
.products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(5) { grid-area: refsell; }
.products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(6) { grid-area: mybuy; }
.products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(7) { grid-area: mysell; }

.products-table-wrap.is-card-view .products-reference-price,
.products-table-wrap.is-card-view .products-price-input-cell {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    min-width: 0;
    min-height: 54px;
    padding: 8px 12px 8px 78px !important;
    border: 0 !important;
    background: transparent !important;
    text-align: right !important;
}

.products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(4),
.products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(5),
.products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(6) {
    border-right: 1px solid var(--line) !important;
}

.products-table-wrap.is-card-view .products-reference-price::before,
.products-table-wrap.is-card-view .products-price-input-cell::before {
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    color: var(--muted);
    font-size: 9px;
    font-weight: 750;
    line-height: 1;
    white-space: nowrap;
}

.products-table-wrap.is-card-view .products-reference-price strong {
    font-size: 11px;
    font-weight: 850;
}

.products-table-wrap.is-card-view .products-reference-price > span:not(.products-muted) {
    margin-left: 3px;
    font-size: 9px;
}

.products-table-wrap.is-card-view .products-inline-price {
    width: auto;
    max-width: none;
    margin-left: auto;
}

.products-table-wrap.is-card-view .products-inline-price input {
    width: 82px;
    min-width: 0;
    height: 30px;
    padding: 0 8px;
    text-align: right;
}

.products-table-wrap.is-card-view .products-inline-price span {
    font-size: 9px;
}

.products-table-wrap.is-card-view .products-price-save-state {
    right: 10px;
    bottom: -1px;
}

@media (max-width: 980px) {
    .products-table-wrap.is-card-view .products-table tbody tr.products-row {
        grid-template-columns: auto auto auto minmax(0, 1fr);
        grid-template-rows: 34px auto 48px 48px;
        grid-template-areas:
            "category source code catpath"
            "info info info info"
            "refbuy refbuy refsell refsell"
            "mybuy mybuy mysell mysell";
    }

    .products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(4),
    .products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(6) {
        border-right: 1px solid var(--line) !important;
    }

    .products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(5) {
        border-right: 0 !important;
    }

    .products-table-wrap.is-card-view .products-reference-price,
    .products-table-wrap.is-card-view .products-price-input-cell {
        min-height: 48px;
    }
}

@media (max-width: 680px) {
    .products-table-wrap.is-card-view .products-table tbody tr.products-row {
        grid-template-columns: auto auto minmax(0, 1fr);
        grid-template-rows: 30px 26px auto 46px 46px 46px 46px;
        grid-template-areas:
            "category source code"
            "catpath catpath catpath"
            "info info info"
            "refbuy refbuy refbuy"
            "refsell refsell refsell"
            "mybuy mybuy mybuy"
            "mysell mysell mysell";
    }

    .products-table-wrap.is-card-view .products-info-stack {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 3px !important;
    }

    .products-table-wrap.is-card-view .products-info-name,
    .products-table-wrap.is-card-view .products-info-description {
        white-space: normal;
    }

    .products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(4),
    .products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(5),
    .products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(6) {
        border-right: 0 !important;
        border-bottom: 1px solid var(--line) !important;
    }
}

/* =========================================================
   Product card v5 — right-aligned clean price row
   ========================================================= */
@media (min-width: 981px) {
    .products-table-wrap.is-card-view .products-table tbody tr.products-row {
        grid-template-columns: auto auto auto minmax(0, 1fr) max-content max-content max-content max-content;
        grid-template-rows: 34px auto 50px;
        grid-template-areas:
            "category source code catpath catpath catpath catpath catpath"
            "info info info info info info info info"
            ". . . . refbuy refsell mybuy mysell";
        column-gap: 0;
    }

    .products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(4),
    .products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(5),
    .products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(6),
    .products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(7) {
        border-right: 0 !important;
        border-left: 0 !important;
        border-bottom: 0 !important;
    }

    .products-table-wrap.is-card-view .products-reference-price,
    .products-table-wrap.is-card-view .products-price-input-cell {
        min-height: 50px;
        width: auto;
        padding: 8px 24px 8px 78px !important;
        justify-content: flex-end;
    }

    .products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(4) {
        margin-left: auto;
    }

    .products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(7) {
        padding-right: 16px !important;
    }
}

/* =========================================================
   Product card v6 — reduced vertical spacing
   ========================================================= */
@media (min-width: 981px) {
    .products-table-wrap.is-card-view .products-table tbody tr.products-row {
        grid-template-rows: 28px auto 40px;
    }

    .products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(1),
    .products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(2),
    .products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(8) {
        padding-top: 5px !important;
        padding-bottom: 3px !important;
    }

    .products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(3) {
        min-height: 38px;
        padding: 4px 14px 6px !important;
    }

    .products-table-wrap.is-card-view .products-info-stack {
        gap: 8px !important;
    }

    .products-table-wrap.is-card-view .products-info-name {
        line-height: 1.25;
    }

    .products-table-wrap.is-card-view .products-info-description {
        line-height: 1.3;
    }

    .products-table-wrap.is-card-view .products-reference-price,
    .products-table-wrap.is-card-view .products-price-input-cell {
        min-height: 40px;
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }

    .products-table-wrap.is-card-view .products-inline-price input {
        height: 28px;
    }
}

/* =========================================================
   Product list/card v7 — summary, merged code/category, title action
   ========================================================= */
.products-title-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.products-title-actions {
    margin-left: auto;
    display: flex;
    align-items: center;
}

.products-title-actions .products-standard-apply-button {
    margin: 0;
}

.products-result-summary {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}

.products-result-summary > span {
    color: var(--muted);
    font-size: 11px;
}

.products-summary-dot {
    opacity: .65;
}

.products-summary-scope {
    display: inline-flex;
    align-items: center;
    height: 20px;
    padding: 0 7px;
    margin-left: 2px;
    border: 1px solid var(--line);
    border-radius: 999px;
    font-size: 9px !important;
    font-weight: 750;
}

.products-filtered-count {
    margin-left: 7px;
    padding-left: 8px;
    border-left: 1px solid var(--line);
}

/* list: seven-column compact layout */
.products-table-wrap.is-list-view .products-table {
    width: 100%;
    min-width: 0 !important;
    table-layout: fixed;
}

.products-table-wrap.is-list-view .products-table th:nth-child(1),
.products-table-wrap.is-list-view .products-table td:nth-child(1) { width: 18%; }
.products-table-wrap.is-list-view .products-table th:nth-child(2),
.products-table-wrap.is-list-view .products-table td:nth-child(2) { width: 34%; }
.products-table-wrap.is-list-view .products-table th:nth-child(3),
.products-table-wrap.is-list-view .products-table td:nth-child(3),
.products-table-wrap.is-list-view .products-table th:nth-child(4),
.products-table-wrap.is-list-view .products-table td:nth-child(4) { width: 10%; }
.products-table-wrap.is-list-view .products-table th:nth-child(5),
.products-table-wrap.is-list-view .products-table td:nth-child(5),
.products-table-wrap.is-list-view .products-table th:nth-child(6),
.products-table-wrap.is-list-view .products-table td:nth-child(6) { width: 11%; }
.products-table-wrap.is-list-view .products-table th:nth-child(7),
.products-table-wrap.is-list-view .products-table td:nth-child(7) { width: 6%; }

.products-table-wrap.is-list-view .products-price-head,
.products-table-wrap.is-list-view .products-reference-price,
.products-table-wrap.is-list-view .products-price-input-cell {
    text-align: right !important;
}

.products-table-wrap.is-list-view .products-code-category {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas:
        "code code"
        "badge path";
    align-items: center;
    gap: 3px 6px;
    min-width: 0;
}

.products-table-wrap.is-list-view .products-code-value {
    grid-area: code;
    display: block;
    color: var(--muted);
    font-size: 10px;
    white-space: nowrap;
}

.products-table-wrap.is-list-view .products-category-large-badge {
    grid-area: badge;
    justify-self: start;
}

.products-table-wrap.is-list-view .products-category-path {
    grid-area: path;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--muted);
    font-size: 10px;
}

.products-card-source-copy {
    display: none;
}

/* card: merged metadata cell + hidden duplicated list source cell */
@media (min-width: 981px) {
    .products-table-wrap.is-card-view .products-table tbody tr.products-row {
        grid-template-columns: minmax(0, 1fr) max-content max-content max-content max-content;
        grid-template-rows: 28px auto 40px;
        grid-template-areas:
            "meta meta meta meta meta"
            "info info info info info"
            ". refbuy refsell mybuy mysell";
    }

    .products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(1) {
        grid-area: meta !important;
    }
    .products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(2) {
        grid-area: info !important;
    }
    .products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(3) { grid-area: refbuy !important; }
    .products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(4) { grid-area: refsell !important; }
    .products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(5) { grid-area: mybuy !important; }
    .products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(6) { grid-area: mysell !important; }
    .products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(7) {
        display: none !important;
    }

    .products-table-wrap.is-card-view .products-code-category {
        display: flex !important;
        align-items: center;
        gap: 9px;
        min-width: 0;
        padding: 5px 14px 3px !important;
        border: 0 !important;
        background: transparent !important;
    }

    .products-table-wrap.is-card-view .products-card-source-copy {
        display: inline-flex;
        align-items: center;
        order: 2;
    }

    .products-table-wrap.is-card-view .products-category-large-badge { order: 1; }
    .products-table-wrap.is-card-view .products-code-value {
        order: 3;
        color: var(--muted);
        font-size: 10px;
        white-space: nowrap;
    }
    .products-table-wrap.is-card-view .products-category-path {
        order: 4;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: var(--muted);
        font-size: 10px;
    }

    .products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(2) {
        min-height: 38px;
        padding: 4px 14px 6px !important;
        border: 0 !important;
        border-bottom: 1px solid var(--line) !important;
        background: transparent !important;
    }

    .products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(3),
    .products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(4),
    .products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(5),
    .products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(6) {
        border: 0 !important;
        min-height: 40px;
        padding: 4px 22px 4px 78px !important;
    }

    .products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(3) {
        margin-left: auto;
    }
    .products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(6) {
        padding-right: 16px !important;
    }

    .products-table-wrap.is-card-view td:nth-child(3)::before { content: "표준 매입가" !important; }
    .products-table-wrap.is-card-view td:nth-child(4)::before { content: "표준 판매가" !important; }
    .products-table-wrap.is-card-view td:nth-child(5)::before { content: "내 매입가" !important; }
    .products-table-wrap.is-card-view td:nth-child(6)::before { content: "내 판매가" !important; }
}

@media (max-width: 980px) {
    .products-title-actions {
        width: 100%;
        margin-left: 0;
    }
}

/* =========================================================
   Product list v8 — primary action + wider category column
   2026-08-17
   ========================================================= */
.products-title-actions .products-standard-apply-button {
    min-height: 40px;
    padding: 0 15px;
    border-color: var(--brand) !important;
    background: var(--brand) !important;
    color: #fff !important;
    font-size: 12px;
    font-weight: 750;
    box-shadow: none;
}

.products-title-actions .products-standard-apply-button:not(:disabled):hover {
    border-color: var(--brand-hover) !important;
    background: var(--brand-hover) !important;
    color: #fff !important;
}

.products-title-actions .products-standard-apply-button:disabled {
    border-color: color-mix(in srgb, var(--brand) 45%, var(--line)) !important;
    background: color-mix(in srgb, var(--brand) 55%, var(--surface)) !important;
    color: #fff !important;
    opacity: .55;
}

/* 리스트형: 상품코드/상품부류 영역을 넓혀 부류명이 세로로 깨지지 않도록 한다. */
.products-table-wrap.is-list-view .products-table th:nth-child(1),
.products-table-wrap.is-list-view .products-table td:nth-child(1) {
    width: 22%;
}

.products-table-wrap.is-list-view .products-table th:nth-child(2),
.products-table-wrap.is-list-view .products-table td:nth-child(2) {
    width: 30%;
}

.products-table-wrap.is-list-view .products-code-category {
    grid-template-columns: max-content minmax(0, 1fr);
    column-gap: 8px;
}

.products-table-wrap.is-list-view .products-category-large-badge {
    max-width: none;
    white-space: nowrap;
}

.products-table-wrap.is-list-view .products-category-path {
    min-width: 0;
    white-space: nowrap;
}


/* =========================================================
   Product page final consolidation v9 — 2026-08-17 19:38
   최신 누적 UI를 보존하면서 화면에서 확인된 정렬/대비만 최종 보정한다.
   ========================================================= */

/* 제목 우측 주요 액션: 회원정보 수정 버튼과 같은 primary 계층 */
.products-title-actions .products-standard-apply-button,
.products-title-actions .products-standard-apply-button:disabled {
    min-height: 40px !important;
    padding: 0 16px !important;
    border: 1px solid var(--brand) !important;
    border-radius: 9px !important;
    background: var(--brand) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    box-shadow: none !important;
}
.products-title-actions .products-standard-apply-button:not(:disabled):hover {
    background: var(--brand-hover) !important;
    border-color: var(--brand-hover) !important;
}
.products-title-actions .products-standard-apply-button:disabled {
    cursor: default;
    opacity: .72 !important;
}

/* products.css는 public-layout보다 뒤에 로드되므로 상품 페이지 야간 배지를 여기서도 최종 보정 */
html[data-theme="dark"] .products-title-row .eyebrow,
html[data-theme="dark"] body .site-main .products-title-row .eyebrow {
    color: #eaf2ff !important;
    -webkit-text-fill-color: #eaf2ff !important;
    background: #203a5c !important;
    border: 1px solid #345f8f !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* 상단 통계: 숫자 통계만 남기고 불필요한 scope 장식은 사용하지 않는다. */
.products-summary-scope { display: none !important; }

/* 리스트형: 1180px 안에서 정보/가격 폭을 균형 있게 배분 */
.products-table-wrap.is-list-view .products-table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
}
.products-table-wrap.is-list-view .products-table th:nth-child(1),
.products-table-wrap.is-list-view .products-table td:nth-child(1) { width: 21% !important; }
.products-table-wrap.is-list-view .products-table th:nth-child(2),
.products-table-wrap.is-list-view .products-table td:nth-child(2) { width: 31% !important; }
.products-table-wrap.is-list-view .products-table th:nth-child(3),
.products-table-wrap.is-list-view .products-table td:nth-child(3),
.products-table-wrap.is-list-view .products-table th:nth-child(4),
.products-table-wrap.is-list-view .products-table td:nth-child(4) { width: 10% !important; }
.products-table-wrap.is-list-view .products-table th:nth-child(5),
.products-table-wrap.is-list-view .products-table td:nth-child(5),
.products-table-wrap.is-list-view .products-table th:nth-child(6),
.products-table-wrap.is-list-view .products-table td:nth-child(6) { width: 11% !important; }
.products-table-wrap.is-list-view .products-table th:nth-child(7),
.products-table-wrap.is-list-view .products-table td:nth-child(7) { width: 6% !important; }

/* 상품코드 / 상품부류: 코드 1줄 + 부류 1줄 */
.products-table-wrap.is-list-view .products-code-category {
    display: grid !important;
    grid-template-columns: max-content minmax(0, 1fr) !important;
    grid-template-areas:
        "code code"
        "badge path" !important;
    align-content: center !important;
    align-items: center !important;
    gap: 4px 7px !important;
    min-width: 0 !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
}
.products-table-wrap.is-list-view .products-code-value {
    grid-area: code !important;
    display: block !important;
    white-space: nowrap !important;
    line-height: 1.15 !important;
}
.products-table-wrap.is-list-view .products-category-large-badge {
    grid-area: badge !important;
    max-width: none !important;
    white-space: nowrap !important;
}
.products-table-wrap.is-list-view .products-category-path {
    grid-area: path !important;
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;
}

/* 상품명/설명도 코드/부류와 같은 수직 기준으로 정리 */
.products-table-wrap.is-list-view .products-info {
    vertical-align: middle !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
}
.products-table-wrap.is-list-view .products-info-stack {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 3px !important;
    min-height: 34px !important;
}
.products-table-wrap.is-list-view .products-info-name,
.products-table-wrap.is-list-view .products-info-description {
    line-height: 1.25 !important;
}

/* 가격 헤더/값/입력칸 우측 기준선을 통일 */
.products-table-wrap.is-list-view .products-price-head,
.products-table-wrap.is-list-view .products-reference-head,
.products-table-wrap.is-list-view .products-reference-price,
.products-table-wrap.is-list-view .products-price-input-cell {
    text-align: right !important;
}
.products-table-wrap.is-list-view .products-price-head,
.products-table-wrap.is-list-view .products-reference-head {
    padding-right: 12px !important;
}
.products-table-wrap.is-list-view .products-reference-price,
.products-table-wrap.is-list-view .products-price-input-cell {
    padding-right: 10px !important;
}
.products-table-wrap.is-list-view .products-inline-price {
    justify-content: flex-end !important;
    margin-left: auto !important;
    margin-right: 0 !important;
}
.products-table-wrap.is-list-view .products-source-head,
.products-table-wrap.is-list-view .products-source-cell {
    text-align: center !important;
}

/* 카드형: 현재 압축 배치는 유지하고 메타/설명/가격 기준만 다듬는다. */
@media (min-width: 981px) {
    .products-table-wrap.is-card-view .products-table tbody tr.products-row {
        grid-template-columns: minmax(0, 1fr) repeat(4, max-content) !important;
        grid-template-rows: 28px auto 40px !important;
        grid-template-areas:
            "meta meta meta meta meta"
            "info info info info info"
            ". refbuy refsell mybuy mysell" !important;
    }

    .products-table-wrap.is-card-view .products-code-category {
        gap: 9px !important;
    }
    .products-table-wrap.is-card-view .products-code-value,
    .products-table-wrap.is-card-view .products-category-path {
        color: var(--text) !important;
        opacity: .64 !important;
        font-weight: 650 !important;
    }

    .products-table-wrap.is-card-view .products-info-stack {
        display: flex !important;
        flex-direction: row !important;
        align-items: baseline !important;
        gap: 12px !important;
    }
    .products-table-wrap.is-card-view .products-info-name {
        flex: 0 0 auto !important;
        line-height: 1.25 !important;
    }
    .products-table-wrap.is-card-view .products-info-description {
        min-width: 0 !important;
        line-height: 1.25 !important;
        color: var(--muted) !important;
    }

    /* 네 가격을 우측의 한 묶음으로, 각 항목 사이 간격을 균일하게 */
    .products-table-wrap.is-card-view .products-reference-price,
    .products-table-wrap.is-card-view .products-price-input-cell {
        min-width: 126px !important;
        min-height: 40px !important;
        margin: 0 !important;
        padding: 4px 18px 4px 70px !important;
        border: 0 !important;
        justify-content: flex-end !important;
        text-align: right !important;
    }
    .products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(3) {
        margin-left: auto !important;
    }
    .products-table-wrap.is-card-view .products-table tbody tr.products-row > td:nth-child(6) {
        padding-right: 16px !important;
    }
    .products-table-wrap.is-card-view .products-reference-price::before,
    .products-table-wrap.is-card-view .products-price-input-cell::before {
        left: 12px !important;
        width: 54px !important;
        text-align: left !important;
    }
    .products-table-wrap.is-card-view .products-reference-price .products-muted {
        display: inline-block !important;
        min-width: 12px !important;
        text-align: right !important;
    }
    .products-table-wrap.is-card-view .products-inline-price {
        margin-left: auto !important;
        justify-content: flex-end !important;
    }

    /* 카드 전체 hover/focus를 하나의 카드처럼 유지 */
    .products-table-wrap.is-card-view .products-table tbody tr.products-row:hover,
    .products-table-wrap.is-card-view .products-table tbody tr.products-row:focus-visible {
        background: color-mix(in srgb, var(--brand) 4%, var(--surface)) !important;
    }
    .products-table-wrap.is-card-view .products-table tbody tr.products-row:hover > td,
    .products-table-wrap.is-card-view .products-table tbody tr.products-row:focus-visible > td {
        background: transparent !important;
    }
}

/* =========================================================
   2026-08-17 19:46 - 최신 누적본 보정
   - 리스트: 상품코드 / 상품부류 완전 통합
   - 카드: 부류 배지와 상품명 좌측 기준선 일치
   ========================================================= */

/* 리스트 첫 컬럼은 이전 개별 상품부류 표현을 쓰지 않고
   코드 1줄 + 통합 상품부류 1줄만 사용한다. */
.products-list-category {
    display: none;
}

.products-table-wrap.is-list-view .products-table th:nth-child(1),
.products-table-wrap.is-list-view .products-table td:nth-child(1) {
    width: 23% !important;
}
.products-table-wrap.is-list-view .products-table th:nth-child(2),
.products-table-wrap.is-list-view .products-table td:nth-child(2) {
    width: 29% !important;
}

.products-table-wrap.is-list-view .products-code-category {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 4px !important;
    min-width: 0 !important;
    padding: 8px 12px !important;
}
.products-table-wrap.is-list-view .products-code-value {
    display: block !important;
    width: 100% !important;
    color: var(--muted) !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}
.products-table-wrap.is-list-view .products-list-category {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    color: var(--text) !important;
    font-size: 10px !important;
    font-weight: 650 !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}
.products-table-wrap.is-list-view .products-list-category > span:not(.products-category-dot) {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
/* 기존 카드용 부류 요소는 리스트에서는 중복 표시하지 않는다. */
.products-table-wrap.is-list-view .products-category-large-badge,
.products-table-wrap.is-list-view .products-category-path,
.products-table-wrap.is-list-view .products-card-source-copy {
    display: none !important;
}

/* 카드에서는 기존 배지 + 코드 + 중/소분류 메타 구조 유지 */
.products-table-wrap.is-card-view .products-list-category {
    display: none !important;
}

@media (min-width: 981px) {
    /* 부류 배지 첫 픽셀과 상품명 첫 픽셀을 같은 세로선에 맞춘다. */
    .products-table-wrap.is-card-view .products-table tbody tr.products-row > td.products-code-category,
    .products-table-wrap.is-card-view .products-table tbody tr.products-row > td.products-info {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .products-table-wrap.is-card-view .products-code-category,
    .products-table-wrap.is-card-view .products-info-stack {
        margin-left: 0 !important;
        transform: none !important;
    }
    .products-table-wrap.is-card-view .products-info-name {
        margin-left: 0 !important;
        padding-left: 0 !important;
    }
}

/* =========================================================
   2026-08-17 19:49 - 카드 메타행/상품명 좌측 기준선 최종 정렬
   - 카드 첫 행(부류 배지/구분/코드/분류)과 상품명 시작점을 동일하게 맞춤
   ========================================================= */
@media (min-width: 981px) {
    .products-table-wrap.is-card-view .products-table tbody tr.products-row > td.products-code-category,
    .products-table-wrap.is-card-view .products-table tbody tr.products-row > td.products-info {
        padding-left: 0 !important;
    }

    .products-table-wrap.is-card-view .products-code-category,
    .products-table-wrap.is-card-view .products-info-stack,
    .products-table-wrap.is-card-view .products-category-large-badge,
    .products-table-wrap.is-card-view .products-info-name {
        margin-left: 0 !important;
        padding-left: 0 !important;
        transform: none !important;
    }
}

/* =========================================================
   2026-08-17 19:51 - 카드 좌측 여백 보정
   - 메타행과 상품명 시작선은 유지
   - 카드 테두리와 내용 사이 공통 좌측 여백 복원
   ========================================================= */
@media (min-width: 981px) {
    .products-table-wrap.is-card-view .products-table tbody tr.products-row > td.products-code-category,
    .products-table-wrap.is-card-view .products-table tbody tr.products-row > td.products-info {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .products-table-wrap.is-card-view .products-code-category,
    .products-table-wrap.is-card-view .products-info-stack,
    .products-table-wrap.is-card-view .products-category-large-badge,
    .products-table-wrap.is-card-view .products-info-name {
        margin-left: 0 !important;
        transform: none !important;
    }
}