/* China Imports page: the item grid and its cards. Uses the shared tokens; no fixed colours. */
.china-note { color: var(--stone); min-height: 1.5em; }
.china-list { list-style: none; margin: var(--s-4) 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr)); gap: var(--s-4); }
.china-card { background: var(--paper); border: 1px solid var(--line); border-radius: 14px; overflow: hidden; display: flex; flex-direction: column; }
.china-img img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; background: var(--sand); }
.china-tx { padding: var(--s-3) var(--s-4) var(--s-4); display: flex; flex-direction: column; gap: var(--s-1); flex: 1; }
.china-tx h3 { margin: 0; font-size: var(--t-body); font-weight: var(--w-title); line-height: 1.3; overflow-wrap: anywhere; }
.china-cat { margin: 0; font-size: var(--t-micro); letter-spacing: .06em; text-transform: uppercase; color: var(--stone); }
.china-price { margin: 0; font-weight: var(--w-title); font-size: var(--t-body); }
.china-price span { display: block; font-size: var(--t-micro); font-weight: var(--w-label); color: var(--stone); }
.china-days { margin: 0; font-size: var(--t-small); color: var(--moss); font-weight: var(--w-label); }
.china-ask { margin-top: auto; display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: var(--s-2) var(--s-3); border-radius: var(--r-pill); border: 1px solid var(--ink); color: var(--ink); text-decoration: none; font-weight: var(--w-label); text-align: center; }
.china-ask:hover { background: var(--ink); color: var(--paper); }
.china-ask:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
@media (max-width: 380px) { .china-list { grid-template-columns: 1fr; } }