.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden}.dgrid{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:768px){.dgrid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1100px){.dgrid{grid-template-columns:repeat(4,1fr)}}.dgrid3{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:768px){.dgrid3{grid-template-columns:repeat(4,1fr)}}.dcard{flex-direction:column;display:flex}.dcard-media{aspect-ratio:1;background:var(--color-surface-media);position:relative}.dcard-media img{object-fit:cover;width:100%;height:100%}.dcard-body{gap:var(--space-2xs);padding:var(--space-xs) var(--space-sm) var(--space-sm);flex:auto;display:grid}.dcard-body>*{min-width:0}.dcard-name{font-family:var(--font-body);font-size:var(--type-product);color:var(--color-heading);font-weight:600}.dcard-name a{color:inherit;text-decoration:none}.dcard-name a:hover{text-underline-offset:3px;text-decoration:underline}.dcard-foot{gap:var(--space-2xs);margin-block-start:auto;display:grid}.dcard-fav{width:var(--target-min);height:var(--target-min);background:var(--color-surface);border:1px solid var(--color-border-strong);color:var(--color-heading);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-start:var(--space-2xs);inset-inline-end:var(--space-2xs)}.specs{font-size:var(--type-caption);gap:3px;margin:0;padding:0;list-style:none;display:grid}.specs li{justify-content:space-between;gap:var(--space-2xs);display:flex}.specs dt,.specs .k{color:var(--color-muted)}.specs .v{color:var(--color-heading);font-variant-numeric:tabular-nums;text-align:end;font-weight:600}