.image-group-container{display:grid;gap:2rem;grid-template-columns:repeat(var(--image-group-column-span),minmax(0,1fr));grid-auto-rows:var(--image-group-desktop-row-height);grid-auto-flow:dense;flex:0 0 40%}.image-group__image{overflow:hidden;grid-area:span var(--desktop-image-row) / span var(--desktop-image-column)}.image-group__image:not(:has(.image-group__image-content--title)){border-radius:30px;box-shadow:0 4px 20px 0 transparent;transition:all .3s ease}.image-group__image:not(:has(.image-group__image-content--title)):hover{box-shadow:0 4px 20px #00000040}.image-group__image:not(:has(.image-group__image-content--title)):hover:has(.image-group__media) .image-group__image-content:not(.image-group__image-content--title):not(.has-second-title){opacity:0}.image-group__image:has(.image-group__image-content--title){display:flex;align-items:center}.image-group__image:has(.image-group__image-content--title) .image-group__image-content--title{display:flex;align-items:center}.image-group__image:has(.image-group__image-content--title) .image-group__image-title{font-weight:600;font-size:36px;line-height:36px;color:#333;border-left:8px solid #e90006;padding-left:30px}.image-group__image .image-group__image-content:not(.image-group__image-content--title){padding:20px 30px;color:#fff;display:flex;flex-direction:column;justify-content:end;background:#00000080;transition:all .3s ease;opacity:1}.image-group__image .image-group__image-content:not(.image-group__image-content--title).no-overlay{background:transparent}.image-group__image .image-group__image-content:not(.image-group__image-content--title).has-second-title .image-group__image-subtitle{font-weight:500;font-size:16px;line-height:20px;color:#333}.image-group__image .image-group__image-content:not(.image-group__image-content--title).has-second-title .image-group__image-second-title{font-weight:700;font-size:28px;line-height:20px;color:#e90006;margin-top:12px}.image-group__image:not(:has(.image-group__media)) .image-group__image-content:not(.image-group__image-content--title){padding:20px 15px;flex-direction:column;justify-content:center;text-align:center;background:transparent}.image-group__image:not(:has(.image-group__media)){background-color:var(--background-color);transition:all .3s ease}.image-group__image:not(:has(.image-group__media)):hover{background-color:var(--hover-background-color)}.image-group__image img{transition:transform var(--duration-long) ease;height:100%;width:100%;object-fit:cover}.image-group__image:hover img{transform:scale(1.03)}.image-group__image-subtitle{font-weight:700;font-size:20px;line-height:24px}.image-group__image-description{font-weight:400;font-size:14px;line-height:20px;margin-top:10px}@media (max-width: 749px){.image-group__image-subtitle{font-weight:700;font-size:12px;line-height:12px}.image-group__image-description{font-size:10px;line-height:12px}.image-group-container{grid-auto-rows:var(--image-group-mobile-row-height);gap:12px}.image-group__image{grid-area:span var(--mobile-image-row) / span var(--mobile-image-column)}.image-group__image:not(:has(.image-group__image-content--title)){border-radius:16px;box-shadow:none}.image-group__image:not(:has(.image-group__image-content--title)):hover{box-shadow:none}.image-group__image:not(:has(.image-group__image-content--title)):hover:has(.image-group__media) .image-group__image-content:not(.image-group__image-content--title):not(.has-second-title){opacity:1}.image-group__image:has(.image-group__image-content--title){display:flex;align-items:center}.image-group__image:has(.image-group__image-content--title) .image-group__image-content--title{display:flex;align-items:center}.image-group__image:has(.image-group__image-content--title) .image-group__image-title{font-size:18px;line-height:24px;border-left:4px solid #e90006;padding-left:18px}.image-group__image .image-group__image-content:not(.image-group__image-content--title){padding:10px;color:#fff;display:flex;flex-direction:column;justify-content:end;background:#00000080;transition:all .3s ease;opacity:1}.image-group__image .image-group__image-content:not(.image-group__image-content--title).no-overlay{background:transparent}.image-group__image .image-group__image-content:not(.image-group__image-content--title).has-second-title .image-group__image-subtitle{font-size:8px;line-height:10px}.image-group__image .image-group__image-content:not(.image-group__image-content--title).has-second-title .image-group__image-second-title{font-size:14px;line-height:10px;margin-top:6px}.image-group__image:not(:has(.image-group__media)) .image-group__image-content:not(.image-group__image-content--title){padding:0;flex-direction:column;justify-content:center;text-align:center;background:transparent}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-image-group.css.map */