.cards-container{margin:50px auto;max-width:1340px}.cards-title{text-align:center;font-size:calc(var(--font-heading-scale) * 1.5rem);margin-bottom:30px;font-weight:600;line-height:1.2;text-transform:uppercase}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.grid-card{display:flex;padding:24px 0 24px 24px;gap:16px;width:auto;border-radius:24px;border:1px solid #c0c0c0;overflow:hidden;box-shadow:0 4px 10px #0000001a;transition:transform .3s ease-in-out;height:170px;background-repeat:no-repeat;background-size:40%;background-position:right center}.card-content{width:58%;display:flex;flex-direction:column;justify-content:center}.card-content h3,.card .title{font-size:20px;margin-bottom:5px;text-transform:uppercase;letter-spacing:1px}.card-content .subtitle,.card .subtitle{color:#02b249;font-size:23px;margin-bottom:10px}.card-content .description,.card .description{color:#333;font-size:17px;margin-bottom:0;line-height:1.4em}.card-image{width:40%;display:flex;align-items:center;justify-content:center;overflow:hidden;padding-right:2px}.card .image-content{position:relative;width:100%;height:100%;overflow:hidden;background-position:center;background-size:cover;max-width:50%}.card-image img{width:100%;height:100%;object-fit:contain}.swiper-container{overflow:hidden;max-width:100%;height:230px;padding-bottom:15px}.card{display:flex;flex-direction:row;height:100%;border-radius:24px;border:1px solid #c0c0c0;overflow:hidden;box-shadow:0 4px 8px #0000001a}.card .text-content{padding:16px;display:flex;flex-direction:column;justify-content:center;max-width:58%}.card .image-content img{width:100%;height:100%;object-fit:contain}@media(max-width:1299px){.grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media(max-width:1023px){.card-content h3,.card .title{font-size:17px}.card-content .subtitle,.card .subtitle{font-size:20px}.card-content .description,.card .description{font-size:16px}}@media(max-width:767px){.grid-container{display:none}.cards-container{margin:30px 0}.card .title{font-size:21px}.card .subtitle{font-size:22px}.card .description{font-size:17px}}@media(min-width:768px){.swiper-container{display:none}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/card-grid.css.map */