.shopee-shop{padding-block:28px 64px;letter-spacing:0}
.shopee-shop h1{font-size:32px;margin:0 0 24px}
.shopee-filters{display:grid;grid-template-columns:minmax(180px,1fr) minmax(130px,180px) minmax(150px,200px) auto auto;gap:10px}
.shopee-filters input,.shopee-filters select{min-width:0;width:100%;padding:10px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--text);font:inherit}
.shopee-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.shopee-card{min-width:0;border:1px solid var(--line);border-radius:8px;padding:12px;background:var(--panel);display:flex;flex-direction:column;gap:10px}
.shopee-card img{width:100%;aspect-ratio:1;object-fit:contain;background:#fff;border-radius:4px}
.shopee-card h2{font-size:16px;line-height:1.5;margin:0;overflow-wrap:anywhere}
.shopee-card p{margin:0;color:var(--muted);font-size:14px}
.shopee-card a{color:var(--gold);margin-top:auto}
.shopee-card button{white-space:normal;min-height:44px}
.shopee-thumbnails{display:flex;gap:6px;overflow-x:auto;padding:2px;max-width:100%}
.shopee-thumbnails button{flex:0 0 44px;width:44px;height:44px;padding:2px;border:1px solid var(--line);border-radius:4px;background:var(--panel);cursor:pointer}
.shopee-thumbnails button[hidden]{display:none}
.shopee-thumbnails button[aria-pressed="true"]{border-color:var(--gold);outline:1px solid var(--gold)}
.shopee-thumbnails button img{width:100%;height:100%;object-fit:contain}
.shopee-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px}
.shopee-pagination button{min-width:44px;min-height:44px}
@media(max-width:1100px){.shopee-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shopee-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.shopee-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.shopee-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.shopee-filters input{grid-column:1/-1}}
@media(max-width:360px){.shopee-grid{grid-template-columns:1fr}}