.cards-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);color:inherit;flex-direction:column;text-decoration:none;transition:border-color .15s,box-shadow .2s,transform .2s;display:flex;overflow:hidden}@media (hover:hover) and (pointer:fine){.card:hover{border-color:var(--line-strong);transform:translateY(-2px);box-shadow:0 10px 30px #0000000f}}.card:active{transform:scale(.98)}.card:focus-visible{outline:2px solid var(--green);outline-offset:2px}.card-media{aspect-ratio:3/2;background:var(--line-2);flex-shrink:0;position:relative}.card-media picture{display:contents}.card-media img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.card-badges{flex-wrap:wrap;gap:6px;display:flex;position:absolute;top:10px;left:10px}.card-badge{background:var(--surface);color:var(--ink);border-radius:999px;padding:4px 9px;font-size:12px;font-weight:600;line-height:1;box-shadow:0 1px 3px #00000024}.card-badge.is-hit{background:var(--green-deep);color:#fff;box-shadow:none}.card-badge.is-sale{background:var(--sale);color:#fff;box-shadow:none}.card-body{flex-direction:column;flex:1;gap:7px;padding:14px 15px 16px;display:flex}.card-name{letter-spacing:-.01em;color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:16px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.card-meta{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.card-rating{color:var(--ink);font-variant-numeric:tabular-nums;align-items:center;gap:3px;font-weight:600;display:inline-flex}.card-rating svg{width:13px;height:13px;color:var(--green-deep)}.card-dot{color:var(--ink-4)}.card-price{font-variant-numeric:tabular-nums;color:var(--ink);margin-top:auto;padding-top:6px;font-weight:600}.card-from,.card-unit{color:var(--ink-3);font-size:12px;font-weight:500}.card--more{border-style:dashed;border-color:var(--line-strong);min-height:240px;color:var(--green-deep);text-align:center;justify-content:center;align-items:center;padding:20px;font-size:15px;font-weight:600}.card--more:hover{border-color:var(--green-deep);box-shadow:none;transform:none}@media (width<=720px){.cards-grid{grid-template-columns:repeat(2,1fr);gap:12px}.card-body{padding:12px 12px 13px}.card-name{font-size:15px}}