.feature-cards-section{padding:60px 20px}.feature-cards-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.feature-card{border-radius:12px;padding:30px;box-shadow:0 4px 6px #0000001a;border:2px dotted;position:relative;overflow:visible;display:flex;flex-direction:column;gap:20px;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 12px #00000026}.card-content{z-index:2;position:relative}.card-title{font-family:Sofia-Pro;font-weight:800;font-style:Bold;font-size:24px;margin-bottom:12px;line-height:1.3}.card-description{font-family:Sofia-Pro;font-weight:400;font-size:16px;line-height:1.6}.card-image-wrapper{position:relative;width:100%;z-index:1}.card-image{width:100%;height:auto;border-radius:8px;object-fit:cover;display:block}.image-position-top .card-image-wrapper{order:-1}.image-position-bottom .card-image-wrapper{order:1}.image-position-left{flex-direction:row;align-items:center}.image-position-left .card-image-wrapper{width:45%;flex-shrink:0;margin-right:20px}.image-position-left .card-content{flex:1}.image-position-right{flex-direction:row-reverse;align-items:center}.image-position-right .card-image-wrapper{width:45%;flex-shrink:0;margin-left:20px}.image-position-right .card-content{flex:1}.card-size-large{grid-column:span 2}@media (max-width: 768px){.feature-cards-section{padding:40px 15px}.feature-cards-container{grid-template-columns:1fr;gap:20px}.card-size-large{grid-column:span 1}.image-position-left,.image-position-right{flex-direction:column}.image-position-left .card-image-wrapper,.image-position-right .card-image-wrapper{width:100%;margin:0}.feature-card{padding:20px}.card-title{font-size:18px}.card-description{font-size:13px}}@media (max-width: 480px){.feature-cards-section{padding:30px 10px}.feature-card{padding:15px;gap:15px}}.card-image{transition:transform .3s ease}.feature-card:hover .card-image{transform:scale(1.05)}.card-image-wrapper{overflow:hidden;border-radius:8px}@media print{.feature-card{break-inside:avoid;box-shadow:none;border:1px solid #ddd}.feature-card:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/section-mosaic-grid.css.map */