.image-grid-section{width:100%}.image-grid-header{text-align:center;margin-bottom:2rem}.image-grid-heading{margin:0 0 .5rem}.image-grid-subheading{margin:0;opacity:.75}.image-grid{display:grid;grid-template-columns:repeat(var(--grid-columns-mobile, 2),1fr);gap:var(--grid-gap-mobile, 8px)}@media screen and (min-width:750px){.image-grid{grid-template-columns:repeat(var(--grid-columns-tablet, 3),1fr);gap:var(--grid-gap-desktop, 16px)}}@media screen and (min-width:990px){.image-grid{grid-template-columns:repeat(var(--grid-columns-desktop, 6),1fr)}}.image-grid-item{display:block;text-decoration:none;color:inherit;overflow:hidden}.image-grid-item--static{cursor:default}.image-grid-item-inner{position:relative;width:100%;height:100%;overflow:hidden;background:#fff}.image-grid[data-ratio=square] .image-grid-item-inner{aspect-ratio:1 / 1}.image-grid[data-ratio=portrait] .image-grid-item-inner{aspect-ratio:9 / 16}.image-grid[data-ratio=landscape] .image-grid-item-inner{aspect-ratio:16 / 9}.image-grid-img{display:block;width:100%;height:100%;transition:transform .4s ease}.image-grid[data-fit=cover] .image-grid-img{object-fit:cover}.image-grid[data-fit=contain] .image-grid-img{object-fit:contain}.image-grid-item:hover .image-grid-img{transform:scale(1.04)}.image-grid-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.image-grid-placeholder svg{width:60%;height:60%;opacity:.4}.image-grid-label{position:absolute;left:50%;transform:translate(-50%);padding:.4rem .9rem;width:100%;text-align:center;pointer-events:none;min-height:65px;z-index:2;font-size:14px;max-width:80%;margin-bottom:2rem}.image-grid-label--bottom{bottom:12px}.image-grid-label--top{top:12px}.image-grid-label--center{top:50%;transform:translate(-50%,-50%)}.image-grid-empty{text-align:center;padding:3rem 1rem;opacity:.6}.image-grid-empty svg{width:100px;margin-bottom:1rem}.brand-search-wrapper{width:100%;display:flex;justify-content:center}.brand-search{width:min(730px,100%);height:40px;display:flex;border:1px solid #d9d9d9;border-radius:2px;overflow:hidden;background:#fff}.brand-search__input{flex:1;width:100%;border:0;outline:0;padding:0 18px;font-size:14px;font-family:inherit;color:#333;background:transparent}.brand-search__input::placeholder{color:#777}.brand-search__button{width:40px;min-width:40px;height:40px;border:0;background:#c99624;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.brand-search__button:hover{background:#b8861f}.brand-search__button svg{display:block}
/*# sourceMappingURL=/cdn/shop/t/43/assets/section-image-grid.css.map */
