.cc-collection-grid{padding:var(--cc-section-space) 2rem}.cc-collection-grid__inner{max-width:var(--cc-content-max);margin:0 auto}.cc-collection-grid__list{display:grid;grid-template-columns:repeat(var(--cc-grid-cols-mobile, 2),1fr);gap:1.5rem;margin:0;padding:0;list-style:none}@media screen and (min-width:750px){.cc-collection-grid__list{grid-template-columns:repeat(var(--cc-grid-cols, 5),1fr);gap:2rem}}.cc-collection-grid__card{display:block;background:var(--cc-bg);border:1px solid transparent;border-radius:var(--cc-radius-md);box-shadow:var(--cc-shadow-card);text-decoration:none;overflow:hidden}@media(hover:hover)and (prefers-reduced-motion:no-preference){.cc-collection-grid__card{transition:transform var(--cc-duration) var(--cc-ease),box-shadow var(--cc-duration) var(--cc-ease),border-color var(--cc-duration) var(--cc-ease)}}@media(hover:hover){.cc-collection-grid__card:hover{transform:translateY(-4px);border-color:var(--cc-border);box-shadow:var(--cc-shadow-card-hover);text-decoration:none}.cc-collection-grid__card:hover .cc-collection-grid__label{color:var(--cc-blue)}}@media(hover:none){.cc-collection-grid__card{border-color:var(--cc-border);box-shadow:var(--cc-shadow-card-hover)}}.cc-collection-grid__media{overflow:hidden;aspect-ratio:4 / 3;background:var(--cc-bg)}.cc-collection-grid__media img,.cc-collection-grid__media svg{display:block;width:100%;height:100%;object-fit:cover}@media(prefers-reduced-motion:no-preference){.cc-collection-grid__media img{transition:transform var(--cc-duration) var(--cc-ease)}@media(hover:hover){.cc-collection-grid__card:hover .cc-collection-grid__media img{transform:scale(1.04)}}}.cc-collection-grid__label{display:flex;align-items:center;gap:.9rem;padding:1.2rem 1.4rem;border-top:1px solid var(--cc-border);font-family:var(--cc-font-body);font-size:1.5rem;font-weight:500;color:var(--cc-text);transition:color var(--cc-duration) var(--cc-ease)}.cc-collection-grid__label .cc-nav-icon{flex:0 0 auto;width:1.8rem;height:1.8rem;color:var(--cc-text-secondary)}.cc-collection-grid__label span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width:749px){.cc-collection-grid__label{font-size:1.4rem;padding:1rem 1.2rem}}.cc-collection-grid__list{grid-template-columns:repeat(var(--cc-grid-cols-mobile, 2),minmax(0,1fr))}@media screen and (min-width:750px){.cc-collection-grid__list{grid-template-columns:repeat(var(--cc-grid-cols, 5),minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/70/assets/cc-collection-grid.css.map */