.multicolumn{display:grid;gap:1rem;width:100%;column-gap:20px;row-gap:20px}.multicolumn____card{padding:20px 30px 30px;display:flex;flex-direction:column}.multicolumn____card h4{margin:0 0 1rem}.multicolumn-card__info{margin-top:auto}.multicolumn .text p{white-space:normal}.header___title{margin-bottom:50px}.header___title h2{margin-bottom:10px}.multicolumn-card__info .button{text-align:center;margin:10px auto 0}.multicolumn h3{white-space:normal;margin-block:12px}.hover-image-wrapper img{aspect-ratio:5/3;object-fit:contain}.multicolumn_col.columns-1{grid-template-columns:repeat(1,1fr)}.multicolumn_col.columns-2{grid-template-columns:repeat(2,1fr)}.multicolumn_col.columns-3{grid-template-columns:repeat(3,1fr)}.multicolumn_col.columns-4{grid-template-columns:repeat(4,1fr)}@media screen and (max-width: 749px){.multicolumn____card{flex:0 0 85%}.multicolumn.columns-1 .multicolumn____card{flex:auto}.header___title h2{font-size:32px}.header___title{margin-bottom:40px}.multicolumn{width:100%;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;scroll-snap-type:x mandatory;display:flex;flex-wrap:nowrap;scrollbar-width:none}}.hover-image-wrapper{position:relative;display:inline-block}.hover-image-wrapper img{display:block;transition:opacity .4s ease}.hover-image-wrapper .hover-image{position:absolute;top:0;left:0;opacity:0}.multicolumn____card:hover .hover-image-wrapper .hover-image,.hover-image-wrapper:hover .hover-image.show-hover{opacity:1}.hover-image-wrapper:hover .main-image.hide-on-hover{opacity:0}.multicolumn___hover .multicolumn .multicolumn____card{padding:0}.multicolumn___hover .header___title{text-align:center}.bghighlight{border-radius:16px;padding:84px 20px 25px;margin-top:-100px}.multicolumn-info-card{display:flex;flex-direction:column;height:100%}@media screen and (min-width: 750px){.multicolumn___hover .multicolumn.columns-1{grid-template-columns:1fr;max-width:400px;margin:0 auto}.multicolumn___hover .multicolumn.columns-2{grid-template-columns:repeat(2,1fr);max-width:960px;margin:0 auto}.multicolumn___hover .multicolumn.columns-3{grid-template-columns:repeat(3,1fr)}.multicolumn___hover .multicolumn.columns-4{grid-template-columns:repeat(4,1fr)}.multicolumn___hover .header___title{max-width:600px;margin:0 auto 50px}}@media (min-width: 750px) and (max-width: 989px){.multicolumn___hover .multicolumn.columns-3,.multicolumn___hover .multicolumn.columns-4,.multicolumn_col.columns-3,.multicolumn_col.columns-4{grid-template-columns:repeat(2,1fr)}}.multicolumn___hover{position:relative}.bg___greenm{width:100%;background-color:#a7ce87;height:100%;margin:0 auto;padding-top:60px;border-radius:16px}.bg___greenm .multicolumn,.bg___greenm .header___title{padding:0 30px}.image___bottom{opacity:.2;object-fit:cover;padding-block-start:60px}.multicolumn___hover .text ul li{position:relative;padding:8px 0;text-align:left;padding-left:2rem;white-space:normal;border-top:1px solid #1D383740}.multicolumn___hover .text ul{list-style:none;margin:0;padding:0}.multicolumn___hover .text ul li:before{content:"";position:absolute;left:0;width:20px;height:20px;background:url(https://pouches.com/cdn/shop/files/Vector.png?v=1728899996)}
/*# sourceMappingURL=/cdn/shop/t/36/assets/multicolumn.css.map */