.c-card-grid__intro{max-width:760px;margin:0 auto var(--spacing-40, 40px);text-align:center}.c-card-grid__intro-title{margin-bottom:var(--spacing-20, 20px)}.c-card-grid__intro-body>p{margin-bottom:var(--spacing-16, 16px);color:rgb(var(--text-color));line-height:1.9}.c-card-grid__intro-body>p:last-child{margin-bottom:0}.c-card-grid__inner{width:100%}.c-card-grid__heading{margin-bottom:var(--spacing-30, 30px);font-size:var(--heading-size, 1.5rem);text-align:var(--heading-align, center)}.c-card-grid__grid{display:grid;grid-template-columns:repeat(var(--cols, 3),1fr);gap:var(--spacing-30, 30px)}.c-card-grid__card{display:flex;flex-direction:column;color:rgb(var(--text-color));text-decoration:none}.c-card-grid__image-wrapper{width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:8px;background-color:rgb(var(--secondary-background, 245, 245, 245))}.c-card-grid__img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}a.c-card-grid__card:hover .c-card-grid__img{transform:scale(1.05)}.c-card-grid__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.c-card-grid__placeholder svg{width:40%;height:auto;fill:rgb(var(--text-color));opacity:.3}.c-card-grid__body{display:flex;flex-direction:column;gap:var(--spacing-4, 4px);padding-top:var(--spacing-16, 16px);text-align:var(--card-text-align, center)}.c-card-grid__name{margin:0;font-weight:700}.c-card-grid__desc{margin:0;font-size:.9375rem;line-height:1.7;opacity:.85}.c-card-grid__scrollbar{display:none}@media screen and (max-width:989px){.c-card-grid__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:749px){.c-card-grid__grid{display:flex;gap:var(--spacing-16, 16px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:20px;-webkit-overflow-scrolling:touch}.c-card-grid__card{flex:0 0 70%;scroll-snap-align:start}.c-card-grid__scrollbar{display:block;width:100%;height:3px;margin:var(--spacing-16, 16px) auto 0;overflow:hidden;border-radius:999px;background:rgba(var(--text-color),.15)}.c-card-grid__scrollbar-thumb{display:block;width:100%;height:100%;border-radius:999px;background:rgb(var(--text-color))}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/c-card-grid.css.map */