.card-grid-section{width:100%}.card-grid-container{max-width:1200px;margin:0 auto;padding:0 1rem}.card-grid-header{margin-bottom:2rem}.card-grid-header.text-left{text-align:left}.card-grid-header.text-center{text-align:center}.card-grid-header.text-right{text-align:right}.card-grid-title{font-family:"Inria Serif",serif;font-size:clamp(1.5rem,4vw,2.5rem);line-height:1.2;margin:0 0 1rem;color:inherit;font-weight:600}.card-grid-description{font-size:clamp(.9rem,2vw,1.1rem);line-height:1.6;color:#666;max-width:600px;margin:0}.card-grid-header.text-center .card-grid-description{margin:0 auto}.card-grid-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.card-grid-item{width:100%}.card-grid-card{display:flex;flex-direction:column;background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;transition:transform .3s ease,box-shadow .3s ease;height:100%;overflow:hidden}.card-grid-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001f}.card-image{width:100%;aspect-ratio:16 / 10;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;display:block}.card-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.card-title{font-family:"Inria Serif",serif;font-size:clamp(1.1rem,3vw,1.4rem);line-height:1.3;margin:0 0 .75rem;color:#333;font-weight:600}.card-description{font-size:clamp(.85rem,2vw,1rem);line-height:1.6;color:#666;margin:0;flex:1}.card-description p{margin:0 0 .75rem}.card-description p:last-child{margin-bottom:0}.card-grid-bottom-content{text-align:center;margin-top:1rem}.card-grid-bottom-description{font-size:clamp(.9rem,2vw,1.1rem);line-height:1.6;color:#666;max-width:600px;margin:0 auto}.card-grid-bottom-description p{margin:0 0 1rem}.card-grid-bottom-description p:last-child{margin-bottom:0}@media (min-width: 768px){.card-grid-wrapper{grid-template-columns:repeat(2,1fr);gap:2rem}.card-grid-card{flex-direction:row;align-items:stretch}.card-image{width:40%;aspect-ratio:1;flex-shrink:0}.card-content{width:60%}}@media (min-width: 1024px){.card-grid-container{padding:0 2rem}.card-grid-header,.card-grid-wrapper{margin-bottom:3rem}}.card-grid-section[style*=--section-padding-top]{padding-top:var(--section-padding-top)}.card-grid-section[style*=--section-padding-bottom]{padding-bottom:var(--section-padding-bottom)}
/*# sourceMappingURL=/cdn/shop/t/10/assets/card-grid.css.map */