.card-grid{position:relative}.card-grid__header{margin-bottom:3rem;text-align:center}.card-grid__title{margin:0;margin-bottom:1rem}.card-grid__description{max-width:60rem;margin:0 auto}.card-grid__grid{margin:0;padding:0;list-style:none;display:grid;gap:2rem}.card-grid__item{margin:0;padding:0}.card-grid__card{height:100%;display:flex;flex-direction:column;background:var(--gradient-background);border-radius:var(--border-radius);overflow:hidden;transition:transform .3s ease}.card-grid__card:hover{transform:translateY(-5px)}.card-grid__media{position:relative;padding-bottom:75%;overflow:hidden}.card-grid__media img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.card-grid__content{padding:2rem;display:flex;flex-direction:column;flex-grow:1}.card-grid__card-title{margin:0 0 1rem;font-size:calc(var(--font-heading-scale) * 1.8rem)}.card-grid__card-text{margin:0 0 2rem;flex-grow:1}.card-grid__card-text p:last-child{margin-bottom:0}@media screen and (max-width: 749px){.card-grid__header{margin-bottom:2rem}.card-grid__grid{gap:1.5rem}.card-grid__content{padding:1.5rem}.card-grid__card-title{font-size:calc(var(--font-heading-scale) * 1.6rem)}}.card-grid .slider{position:relative;flex-wrap:inherit;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;margin-bottom:1rem;scrollbar-width:none;padding-bottom:1rem}.card-grid .slider::-webkit-scrollbar{display:none}.card-grid .slider .card-grid__item{scroll-snap-align:start;flex:0 0 100%;padding-right:1rem}@media screen and (min-width: 750px){.card-grid .slider .card-grid__item{flex:0 0 50%}}@media screen and (min-width: 990px){.card-grid .slider .card-grid__item{flex:0 0 33.33%}}.card-grid .slider-buttons{display:flex;justify-content:center;align-items:center;margin-top:2rem}.card-grid .slider-button{background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.5rem}.card-grid .slider-button .icon{width:1rem;height:1rem}.card-grid .slider-button--prev .icon{transform:rotate(90deg)}.card-grid .slider-button--next .icon{transform:rotate(-90deg)}.card-grid .slider-counter{margin:0 1rem}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-card-grid.css.map */