:root { --primary:#0B2A5B; }
*{ box-sizing: border-box; }
body{ margin:0; font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color:#0f172a; background:#f8fafc; }
.container{ max-width:1100px; margin:0 auto; padding:16px; }
.site-header, .site-footer{ background:#fff; border-bottom:1px solid #e2e8f0; }
.site-footer{ border-top:1px solid #e2e8f0; border-bottom:none; margin-top:24px; }
.site-header .logo{ font-weight:700; color:var(--primary); text-decoration:none; margin-right:16px; }
nav a{ margin-left:12px; text-decoration:none; color:#111827; }
h1{ margin:16px 0; }
.filters input{ margin-right:8px; padding:8px; }
.grid{ display:grid; grid-template-columns: repeat(auto-fill, minmax(240px,1fr)); gap:16px; }
.card{ background:#fff; border:1px solid #e5e7eb; border-radius:12px; overflow:hidden; text-decoration:none; color:inherit; display:block; }
.card .thumb{ height:160px; display:flex; align-items:center; justify-content:center; background:#f1f5f9; }
.card .thumb img{ max-width:100%; max-height:100%; }
.card .meta{ padding:12px; }
.gallery img, .gallery video{ max-width:100%; display:block; margin:8px 0; border-radius:10px; }
.sell-form input, .sell-form textarea{ width:100%; padding:10px; margin:8px 0; }
fieldset{ border:1px solid #e5e7eb; padding:8px; border-radius:10px; margin:8px 0; }
.grid2{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.grid3{ display:grid; grid-template-columns:1fr 1fr 1fr; gap:8px; }
button{ background: var(--primary); color:#fff; border:none; padding:10px 14px; border-radius:10px; cursor:pointer; }
table{ width:100%; border-collapse: collapse; background:#fff; border:1px solid #e5e7eb; border-radius:12px; overflow:hidden; }
th, td{ padding:10px; border-bottom:1px solid #e5e7eb; text-align:left; }