.simple-grid-section{width:100%}.grid-container{margin:0 auto}.grid-container.page-width{padding-left:1.5rem;padding-right:1.5rem}@media screen and (min-width: 750px){.grid-container.page-width{padding-left:3rem;padding-right:3rem}}.grid-container:not(.page-width){max-width:100%;padding-left:1.5rem;padding-right:1.5rem}@media screen and (min-width: 750px){.grid-container:not(.page-width){padding-left:3rem;padding-right:3rem}}.grid-header{margin-bottom:2rem}.grid-title{margin:0 0 .5rem;font-weight:600;line-height:1.2}.grid-subtitle{margin:0;opacity:.8;line-height:1.5}.image-grid{display:grid;width:100%}.image-grid.grid-columns-2{grid-template-columns:repeat(2,1fr)}.image-grid.grid-columns-3{grid-template-columns:repeat(3,1fr)}.image-grid.grid-columns-4{grid-template-columns:repeat(4,1fr)}.grid-item{width:100%}.grid-link{display:block;text-decoration:none;color:inherit}.grid-image-wrapper{position:relative;overflow:hidden;background:#f5f5f5;transition:transform .3s ease,box-shadow .3s ease;width:100%}.grid-image-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.grid-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f5f5,#e0e0e0)}.grid-placeholder svg{width:60px;height:60px;opacity:.3}@keyframes gridFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.grid-item{animation:gridFadeIn .6s ease-out backwards}.grid-item:nth-child(1){animation-delay:.05s}.grid-item:nth-child(2){animation-delay:.1s}.grid-item:nth-child(3){animation-delay:.15s}.grid-item:nth-child(4){animation-delay:.2s}.grid-item:nth-child(5){animation-delay:.25s}.grid-item:nth-child(6){animation-delay:.3s}.grid-item:nth-child(7){animation-delay:.35s}.grid-item:nth-child(8){animation-delay:.4s}.grid-item:nth-child(9){animation-delay:.45s}.grid-item:nth-child(10){animation-delay:.5s}.grid-item:nth-child(11){animation-delay:.55s}.grid-item:nth-child(12){animation-delay:.6s}@media screen and (max-width: 989px){.image-grid.grid-columns-4{grid-template-columns:repeat(3,1fr)}}.grid-item:focus-within .grid-image-wrapper{outline:2px solid currentColor;outline-offset:2px}@media (prefers-reduced-motion: reduce){.grid-image-wrapper,.grid-item{transition:none;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/section-simple-grid.css.map */