.image-grid-section{padding-top:var(--mg-top-desktop);padding-bottom:var(--mg-bottom-desktop);background:var(--background);max-width:100vw}.image-grid-section .image-grid-title{margin:0;font-size:var(--fs-desktop);margin-bottom:var(--mb-desktop);text-transform:var(--text-transform)}.image-grid-section .image-grid-item img{object-fit:cover;width:100%;height:100%;border-radius:12px}.image-grid-section .image-grid-item .item{width:100%;height:100%}.image-grid-section .image-grid-item{position:relative}.image-grid-section .image-grid-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;z-index:0;pointer-events:none;background:linear-gradient(179deg,#00000005,#0000001a 75%,#00000040 95%)}.image-grid-section .image-grid-item .item-title{position:absolute;z-index:1;bottom:20px;left:20px;-webkit-user-select:none;user-select:none;letter-spacing:-.5px;margin:0;font-size:var(--fs-desktop);margin-bottom:var(--mb-desktop);text-transform:var(--text-transform);font-weight:600;color:#fff}@media (max-width: 1200px){.image-grid-section{padding-top:var(--mg-top-tablet);padding-bottom:var(--mg-bottom-tablet)}}@media (max-width: 1024px){.image-grid-section .image-grid-title{font-size:var(--fs-mobile);margin-bottom:var(--mb-mobile)}.image-grid-section .image-grid{display:grid;max-width:calc(100vw - 20px);gap:10px;grid-template-columns:var(--cols-mb);grid-template-rows:var(--rows-mb)}.image-grid-section .item-desktop{display:none}.image-grid-section .image-grid-item{aspect-ratio:var(--aspect-ratio-mb, auto);grid-column:var(--grid-column-mb, auto);grid-row:var(--grid-row-mb, auto)}.image-grid-section .image-grid-item .item-title{bottom:12px;left:12px;font-size:var(--fs-mobile);margin-bottom:var(--mb-mobile)}}@media (max-width: 767px){.image-grid-section{padding-top:var(--mg-top-mobile);padding-bottom:var(--mg-bottom-mobile)}}@media (min-width: 1025px){.image-grid-section .container-full{padding-left:var(--pd-fw);padding-right:var(--pd-fw)}.image-grid-section .image-grid{display:grid;gap:10px;align-items:stretch;grid-template-columns:var(--cols-desk);grid-template-rows:var(--rows-desk)}.image-grid-section .item-mb{display:none}.image-grid-section .image-grid-item{aspect-ratio:var(--aspect-ratio-desk, auto);grid-column:var(--grid-column-desk, auto);grid-row:var(--grid-row-desk, auto)}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/image-grid.css.map */