@charset "utf-8";

.collections { display: grid; grid-template-columns: repeat(auto-fill,minmax(min(var(--collection-card-size),100%),1fr)); gap: var(--grid-gap); }

.collections--compact { --collection-card-size: 160px; }

.collections--full { --collection-card-size: 280px; }

.collection-card { display: flex; flex-direction: column; width: 100%; }

.image { display: block; position: relative; overflow: hidden; width: 100%; height: auto; }

.image > img { width: 100%; height: auto; }