.custom-grid-section{width:100%;max-width:1440px;margin:0 auto;padding:20px 15px;box-sizing:border-box}.custom-grid-header{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:70%;margin:0 auto 30px}.custom-grid-header h2{margin:0 0 10px}.custom-grid-header p{margin:0 auto;font-weight:600;max-width:80%}.custom-grid-container{display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.custom-grid-card{position:relative;overflow:hidden;aspect-ratio:1 / 1;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:4px}.custom-grid-card img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.custom-grid-card>svg.placeholder-svg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;background-color:#f4f4f4}.custom-grid-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000026;z-index:2;transition:background-color .3s ease}.custom-grid-card:hover:before{background-color:#00000040}.custom-grid-card-content{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;text-align:left;padding:1em;width:100%;height:100%;box-sizing:border-box}.custom-grid-card-content h3{color:#fff;margin:0 0 15px;font-size:1.8rem;text-transform:uppercase}.custom-grid-card-content p{color:#f0f0f0;margin:0 0 5px;font-size:.9rem;line-height:1.2;width:90%}.custom-grid-card-btn{display:inline-flex;align-items:center;padding:0;background:transparent;color:#fff;text-decoration:underline;font-weight:600;font-size:.85rem;transition:opacity .3s ease,outline .2s ease;outline:2px solid transparent;outline-offset:4px}.custom-grid-card-btn:focus-visible{outline:2px solid #ffffff;opacity:1}.custom-grid-card-btn svg{width:14px;height:14px;margin-left:6px;fill:currentColor;position:static;background:transparent}.custom-grid-card-btn:hover{background-color:transparent;opacity:.8}@media screen and (max-width:767px){.custom-grid-container{grid-template-columns:1fr}.custom-grid-header{max-width:90%}}
/*# sourceMappingURL=/cdn/shop/t/634/assets/custom-image-grid.css.map */