.list-collection ul.grid-wrap{display:flex;flex-wrap:wrap;margin:-24px 0 0 -24px;list-style:none;padding:0}.list-collection ul.grid-wrap li.grid-wrapper{width:calc(25% - 24px);margin:24px 0 0 24px;position:relative}@media(max-width:1199px){.list-collection ul.grid-wrap li.grid-wrapper{width:calc(33.33% - 24px)}}@media(max-width:991px){.list-collection ul.grid-wrap li.grid-wrapper{width:calc(50% - 24px)}}@media(max-width:767px){.list-collection ul.grid-wrap{margin:-16px 0 0 -16px}.list-collection ul.grid-wrap li.grid-wrapper{width:calc(50% - 16px);margin:16px 0 0 16px}}@media(max-width:479px){.list-collection ul.grid-wrap li.grid-wrapper{width:calc(100% - 16px)}}.list-collection ul.grid-wrap li.grid-wrapper .coll-block{display:block;border-radius:12px;overflow:hidden;background:#fff;border:1px solid #e8f5e9;box-shadow:0 2px 8px #0000000d;transition:box-shadow .3s ease,transform .3s ease;text-decoration:none}.list-collection ul.grid-wrap li.grid-wrapper:hover .coll-block{box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.list-collection .collection-img{width:100%;position:relative;overflow:hidden}.list-collection .collection-img:before{content:"";display:block;padding-bottom:var(--ratio-percent)}.list-collection .collection-img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .4s ease}.list-collection ul.grid-wrap li.grid-wrapper:hover .collection-img img{transform:scale(1.05)}.list-collection .collection-img span{position:absolute;top:12px;right:12px;left:auto;inset-inline-start:unset;background:#2e7d32;color:#fff;font-size:12px;font-weight:600;height:24px;width:fit-content;padding:0 10px;border-radius:20px;display:inline-flex;align-items:center;z-index:1;line-height:1;white-space:nowrap}.list-collection .collection-img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#2e7d3240;opacity:0;transition:opacity .3s ease}.list-collection ul.grid-wrap li.grid-wrapper:hover .collection-img:after{opacity:1}.list-collection ul.grid-wrap li.grid-wrapper .collection-content{position:relative;text-align:center;overflow:hidden;border-top:1px solid #e8f5e9;background:#fff}.list-collection ul.grid-wrap li.grid-wrapper .collection-content .content{padding:14px 16px}.list-collection ul.grid-wrap li.grid-wrapper .collection-content .content h6{font-size:13px;font-weight:700;color:#1b5e20;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.list-collection ul.grid-wrap li.grid-wrapper .collection-content .shop-btn{color:#fff;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:13px 40px;position:absolute;bottom:0;left:0;right:0;height:100%;display:flex;align-items:center;justify-content:center;background-color:#2e7d32;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s ease}.list-collection ul.grid-wrap li.grid-wrapper:hover .collection-content .shop-btn{opacity:1;visibility:visible;transform:translateY(0)}
/*# sourceMappingURL=/cdn/shop/t/14/assets/list-collection.css.map */