.sell-page{
    --ink:#0B1F3D; --muted:#5B5F68; --line:#EBECEF; --soft:#F3F5F9;
    --accent:#FF7A00; --accent-dark:#E56A00; --badge-bg:#E8ECFB; --badge-ink:#2B4FD8;
    font-family:'Plus Jakarta Sans', sans-serif;
    background:#F4F5FA;
    color:#0B0D12;
}

.eg-container{ max-width:1200px; margin:0 auto; padding:0 24px; }
.eg-section{ padding:56px 0; }

/* ============ SECTION HEAD ============ */
.eg-section-head{ display:flex; align-items:flex-end; justify-content:space-between; flex-wrap:wrap; gap:16px; margin-bottom:28px; }
.eg-eyebrow{ display:inline-block; background:var(--badge-bg); color:var(--badge-ink); font-size:12px; font-weight:700; letter-spacing:.03em; text-transform:uppercase; padding:6px 16px; border-radius:100px; }
.eg-h2{ font-size:28px; font-weight:800; color:var(--ink); letter-spacing:-.01em; margin:0; }
.eg-link-all{ color:var(--badge-ink); font-weight:700; font-size:14px; text-decoration:none; display:inline-flex; align-items:center; gap:6px; white-space:nowrap; }
.eg-link-all:hover{ color:var(--ink); }

/* ============ BRAND GRID ============ */
.eg-cat-grid{ display:grid; grid-template-columns:repeat(6,1fr); gap:16px; }
.eg-cat-card{
    background:#fff; border:1px solid var(--line); border-radius:16px; padding:28px 16px;
    display:flex; flex-direction:column; align-items:center; gap:14px; text-decoration:none; color:var(--ink);
    transition:.18s ease;
}
.eg-cat-card:hover{ border-color:var(--accent); box-shadow:0 14px 28px rgba(11,31,61,.08); transform:translateY(-2px); color:var(--ink); }
.eg-cat-card img{ width:64px; height:64px; object-fit:contain; border-radius:14px; }
.eg-cat-card span{ font-size:14px; font-weight:700; text-align:center; }

/* ============ TOP SELLING TABLE (styled, structure untouched) ============ */
.eg-toplist-table{ width:100%; border-collapse:collapse; background:#fff; border:1px solid var(--line); border-radius:16px; overflow:hidden; }
.eg-toplist-table tr{ border-bottom:1px solid var(--line); }
.eg-toplist-table tr:last-child{ border-bottom:none; }
.eg-toplist-table td{ padding:18px 20px; vertical-align:middle; font-size:14.5px; color:var(--ink); }

.eg-toplist-table td:first-child{ width:76px; }
.eg-toplist-table td:first-child img{
    width:56px; height:56px; object-fit:contain; border-radius:12px; background:var(--soft); padding:6px;
}
.eg-toplist-table td:nth-child(2){ font-weight:700; }
.eg-toplist-table td:nth-child(3){ font-weight:800; color:var(--ink); white-space:nowrap; }
.eg-toplist-table td:last-child{ text-align:right; }

.eg-nav-sell{
    display:inline-flex; align-items:center; gap:8px; background:var(--accent); color:#fff;
    padding:10px 22px; border-radius:10px; font-weight:700; font-size:13.5px; text-decoration:none;
    transition:.18s ease; box-shadow:0 8px 18px rgba(255,122,0,.28); white-space:nowrap;
}
.eg-nav-sell:hover{ background:var(--accent-dark); color:#fff; }

/* ============ RESPONSIVE ============ */
@media (max-width:992px){
    .eg-cat-grid{ grid-template-columns:repeat(3,1fr); }
}
@media (max-width:768px){
    .eg-cat-grid{ grid-template-columns:repeat(2,1fr); }
    .eg-toplist-table, .eg-toplist-table tbody, .eg-toplist-table tr, .eg-toplist-table td{ display:block; width:100%; }
    .eg-toplist-table tr{ padding:16px; }
    .eg-toplist-table td{ padding:6px 0; text-align:left !important; }
    .eg-toplist-table td:first-child img{ margin-bottom:8px; }
    .eg-nav-sell{ display:flex; justify-content:center; width:100%; margin-top:8px; }
}
@media (max-width:480px){
    .eg-cat-grid{ grid-template-columns:repeat(2,1fr); gap:10px; }
    .eg-cat-card{ padding:20px 10px; }
    .eg-cat-card img{ width:48px; height:48px; }
}