.section-collection-list-new{margin:100px auto}.collection-grid{padding:40px 0;text-align:center}.collection-title{font-size:50px;margin-bottom:20px;color:#397a85;text-align:center}.collection-subtitle{font-size:21px;color:#345157;margin-bottom:60px;text-align:center}.collection-grid-wrapper{display:grid;grid-template-columns:22% 27% 22% 24%;gap:20px}.collection-grid-item-link{text-decoration:none}.collection-grid-item{background-color:#f0f6f7;padding:24px 24px 30px;transition:background-color .3s ease,color .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:20px 0;height:590px;justify-content:space-between}.collection-grid-item--last-container{display:flex;flex-direction:column;gap:20px;grid-column:span 1;height:590px}.collection-grid-item--last-container>a:nth-child(1){height:70%}.collection-grid-item--last-container>a:nth-child(2){height:30%}.collection-grid-item--last,.collection-grid-item--last-small{height:100%}.collection-grid-image{width:100%;height:100%;background:transparent;background-position:center;background-size:contain;background-repeat:no-repeat}.collection-grid-text{text-align:left;width:100%}.collection-grid-title{color:#397a85;font-size:18px;font-weight:700;margin-bottom:10px}.collection-grid-arrow{width:53px;height:18px;display:block;margin-top:10px}.collection-grid-item-link:hover .collection-grid-item{background-color:#397a85;color:#fff}.collection-grid-item-link:hover .collection-grid-title{color:#fff}.collection-grid-item-link:hover .collection-grid-arrow{filter:brightness(0) invert(1)}@media screen and (max-width: 768px){.collection-grid-wrapper{grid-template-columns:100%}.collection-grid-item--last-container{flex-direction:row;height:250px;margin-bottom:100px}.collection-grid-item--last-container>a:nth-child(1){height:250px;width:50%}.collection-grid-item--last-container>a:nth-child(2){height:250px;width:50%}.collection-grid-item{padding:30px;height:350px}.collection-title{font-size:25px}.collection-subtitle{font-size:18px}a.collection-grid-item-link:nth-child(3)>div:nth-child(1){flex-direction:row-reverse;height:150px}a.collection-grid-item-link:nth-child(3)>div:nth-child(1)>div:nth-child(1){height:170%}}
/*# sourceMappingURL=/cdn/shop/t/144/assets/homepage-category.css.map */