/* Stars */
.scr-stars{display:inline-flex;gap:4px;vertical-align:middle}
.scr-stars .star{width:14px;height:14px;fill:#ddd}
.scr-stars .star-wrap.filled .star{fill:#f5b301}
.scr-stars .star-wrap.half .star{fill:#f5d27a}

/* Grid */
.scr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;max-width:1100px;margin:10px auto;padding:0 10px;justify-content:flex-start}
.card{border:1px solid #e7e7e7;border-radius:14px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.card .thumb,.card .ph{display:block;background:#f2f2f2;aspect-ratio:16/9}
.card .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.card-body{padding:12px 14px;display:flex;flex-direction:column;gap:10px}
.card-title{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:1.1rem;margin:0}
.card .cat{opacity:.8}
.card .price{font-weight:700}
.btn{display:inline-block;padding:8px 12px;border:1px solid #d6d6d6;border-radius:8px;background:#f8f8f8;text-decoration:none}