ul.collection-list{display:grid;grid-template-columns:repeat(1,1fr);gap:20px;padding:60px 10px;list-style:none;margin:0 auto;max-width:1200px;transition:all .3s ease}@media(min-width:600px){ul.collection-list{grid-template-columns:repeat(2,1fr);gap:24px;padding:60px 20px}}@media(min-width:992px){ul.collection-list{grid-template-columns:repeat(4,1fr);gap:32px;padding:80px 0}}.card-wrapper{display:block;color:inherit;height:100%;text-decoration:none;border-radius:3px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;background:#f2ede3;border:1px solid #e4ddd0;position:relative}.card-wrapper:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 10px 20px #00000026}.card__media img{height:100%;object-fit:cover;border-radius:3px 3px 0 0;transition:transform .3s ease;object-position:top center}.card-wrapper:hover .card__media img{transform:scale(1)}.card__content{padding:20px 20px 10px}.card__heading{font-size:20px;font-weight:600}.card__information{font-size:.95rem;color:#666;line-height:1.4}h3.card__heading a{display:flex;justify-content:space-between;color:var(--c1);align-items:center}span.icon-wrap{width:40px;height:40px;background:var(--cream-2);display:flex;align-items:center;justify-content:center;padding:12px;border-radius:50%}span.icon-wrap svg{rotate:-45deg}.card__badge{transition:transform .3s ease,opacity .3s ease}.card-wrapper:hover .card__badge{transform:translateY(-4px);opacity:.9}.footer-top-area ul li a i{transition:all ease .31s}.card:hover .card__content h3.card__heading a span.icon-wrap svg{animation:toBottomFromTop .5s forwards}.card:hover .card__content h3.card__heading a span.icon-wrap{background:var(--olive);color:var(--cream-2)}@-webkit-keyframes toBottomFromTop{49%{-webkit-transform:translateX(100%);transform:translate(100%)}50%{opacity:0;-webkit-transform:translateX(-100%);transform:translate(-100%)}51%{opacity:1}}@keyframes toBottomFromTop{49%{-webkit-transform:translateX(100%);transform:translate(100%)}50%{opacity:0;-webkit-transform:translateX(-100%);transform:translate(-100%)}51%{opacity:1}}.card__inner{background:#f2ede3;height:300px;border-bottom:1px solid #e4ddd0;position:relative}.card__inner:after{Content:"Product photo Placeholder";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;font-size:12px;color:#999;z-index:-1}.media,.card__media{height:100%;overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-card.css.map */