.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{position:relative}.image-grid-section .image-grid-item img{object-fit:cover;pointer-events:none;width:100%;height:100%;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.image-grid-section .image-grid-item .item{width:100%;height:100%}.image-grid-section .image-grid-item .item-text--content{position:absolute;left:var(--left);right:var(--right);top:var(--top);bottom:var(--bottom);transform:var(--transform);color:var(--content-text-color)}.image-grid-section .item-title{margin:0;color:var(--content-text-color);font-size:var(--content-title-fs-desktop);font-weight:var(--content-title-fw);margin-bottom:var(--content-title-mg-bottom-desktop);line-height:1.2}.image-grid-section .item-icon svg,.image-grid-section .item-icon img{width:40px;height:auto;margin-bottom:12px}.image-grid-section .item-icon svg{stroke:none}.image-grid-section .item-description>*{margin:0!important}.image-grid-section .item-description{margin:0;color:var(--content-text-color);font-size:var(--content-description-fs-desktop);text-transform:var(--content-description-text-transform);font-weight:var(--content-description-fw);margin-bottom:var(--content-description-mg-bottom-desktop);line-height:1.2}.image-grid-section .item-cta{display:inline-block;color:var(--content-cta-color, var(--content-text-color));font-size:var(--content-cta-fs-desktop);text-transform:var(--content-cta-text-transform);font-weight:var(--content-cta-fw);display:flex;gap:8px;align-items:center;transition:all .3s ease-in-out}.image-grid-section .item-cta svg{margin:0}.image-grid-section .item-cta.item-cta--button{padding:4px 12px;border-radius:999px;background-color:var(--content-cta-bg)}.image-grid-section .item-cta:hover{color:var(--content-cta-color-hover, var(--content-text-color))}.image-grid-section .item-cta.item-cta--button:hover{background-color:var(--content-cta-bg-hover)}@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;align-items:stretch;grid-template-columns:var(--cols-tablet);grid-template-rows:var(--rows-tablet)}.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 .item-title{font-size:var(--content-title-fs-mobile);margin-bottom:var(--content-title-mg-bottom-mobile)}.image-grid-section .item-description{font-size:var(--content-description-fs-mobile);margin-bottom:var(--content-description-mg-bottom-mobile)}.image-grid-section .item-cta{font-size:var(--content-cta-fs-mobile)}}@media(max-width:767px){.image-grid-section{padding-top:var(--mg-top-mobile);padding-bottom:var(--mg-bottom-mobile)}.image-grid-section .image-grid{max-width:unset;overflow-x:scroll;scroll-snap-type:x mandatory;grid-template-columns:var(--cols-mb);grid-template-rows:var(--rows-mb);padding-bottom:20px}.image-grid-section .image-grid{max-width:unset;overflow-x:scroll;scroll-snap-type:x mandatory;grid-template-columns:var(--cols-mb);grid-template-rows:var(--rows-mb);padding-bottom:12px}.image-grid-section .image-grid-item{scroll-snap-stop:always;scroll-snap-align:start}.image-grid-section .image-grid-item:last-child{scroll-snap-align:end}}@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/3/assets/image-grid.css.map */