/* 4-up grid + cards that show entire design */
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media (max-width:1100px){.grid-4{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.grid-4{grid-template-columns:repeat(2,1fr)}}
.card{background:#0e0e0e;border:1px solid #222;border-radius:14px;overflow:hidden}
.card__media{display:block;position:relative;background:#000;border-bottom:1px solid #222;aspect-ratio:1/1.2;padding:12px}
.card__img{position:absolute;inset:12px;width:calc(100% - 24px);height:calc(100% - 24px);object-fit:contain;object-position:center;background:#000}
.card__placeholder{width:100%;height:100%;background:#111}
.card__meta{display:flex;align-items:center;justify-content:space-between;padding:12px 14px}
.card__title{color:#f2efe7;font-weight:700}
.card__price{color:#bfbcb3;font-weight:800}
.controls{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin:8px 0 16px 0}
.filter-box{border:1px solid #222;border-radius:12px;padding:10px 12px;background:#0e0e0e}
.filter-box summary{cursor:pointer;font-weight:700;letter-spacing:.04em}
.filter-actions{display:flex;gap:8px;margin-top:8px}
.select{background:#0f0f0f;color:#f2efe7;border:1px solid #222;padding:10px;border-radius:10px}
.pagination{display:flex;justify-content:center;gap:12px;margin:20px 0;color:#bfbcb3}
.pagination a{color:#f2efe7;border-bottom:1px solid #222;padding:2px 4px}