.multi-columns-wrapper{display:flex;justify-content:center;align-items:center;gap:4rem;margin:auto}.multi-columns-wrapper.wrapper--4,.multi-columns-wrapper.wrapper--5,.multi-columns-wrapper.wrapper--8,.multi-columns-wrapper.wrapper--10{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.multi-columns-wrapper.wrapper--6,.multi-columns-wrapper.wrapper--7,.multi-columns-wrapper.wrapper--9{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.multi-column-container{display:flex;flex-direction:column;flex-grow:1;max-width:480px;width:100%;border-radius:15px;justify-self:center;align-self:stretch;height:auto;text-decoration:none}.multi-column-container:hover{cursor:pointer;transform:scale(1.047);transition:ease-in-out .2s;box-shadow:0 0 20px #0009}.multi-columns-wrapper .multi-column{position:relative}.multi-columns-wrapper .image-container{position:relative;width:100%;min-height:225px}.multi-columns-wrapper .image-container:before{content:"";display:block;padding-top:55%}.multi-column{background-color:var(--text-bg);border-top-left-radius:15px;border-top-right-radius:15px}.multi-column img{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:15px;object-fit:cover}.multi-columns__title{position:absolute;bottom:0;left:2.4rem;right:2.4rem;z-index:3}.multi-columns__title h2 p{margin:0}.multi-columns__text{flex-grow:1;padding:2rem;font-size:var(--text-font-size-desktop);color:var(--text-color);background-color:var(--text-bg);text-align:var(--text-align);border-bottom-left-radius:15px;border-bottom-right-radius:15px;box-shadow:0 0 15px #0000001a}.multi-columns__text p{margin-top:0}@media screen and (max-width: 1023px){.multi-columns-wrapper{flex-direction:column;gap:2rem}.multi-columns-wrapper.wrapper--4,.multi-columns-wrapper.wrapper--5,.multi-columns-wrapper.wrapper--6,.multi-columns-wrapper.wrapper--7,.multi-columns-wrapper.wrapper--8,.multi-columns-wrapper.wrapper--9,.multi-columns-wrapper.wrapper--10{display:grid;grid-template-columns:1fr}.multi-columns__text{font-size:var(--text-font-size-mobile)}}@media screen and (min-width: 376px) and (max-width: 425px){.multi-columns-wrapper .multi-column-container{max-width:350px}.multi-columns-wrapper .image-container{min-height:200px}}@media screen and (max-width: 375px){.multi-columns__title h2{font-size:18px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/multicolumn-new.css.map */