.shade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.shade-card{position:relative;overflow:hidden;cursor:pointer}.shade-image{position:relative}.shade-image:after{content:"";width:100%;height:60%;display:block;position:absolute;bottom:0;left:0;background:linear-gradient(180deg,#28261d00,#28261dc7 78%)}.shade-image img{width:100%;display:block}.shade-overlay-title{position:absolute;bottom:25px;left:30px;right:30px;color:#fff;font-size:30px;z-index:2;transition:opacity .3s ease;font-family:var(--head-font);line-height:40px;font-weight:400}.shade-content{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#f5f1ec;padding:30px;box-sizing:border-box;text-align:left;transform:translateY(100%);opacity:0;transition:all .5s ease}.shade-card:hover .shade-content{transform:translateY(0);opacity:1}.shade-card:hover .shade-overlay-title{opacity:0}.shade-card:hover .shade-btn{opacity:1;transform:translateY(0)}.shade-content h3{font-size:30px;line-height:40px}.shade-content .btn-outline{background:transparent;color:var(--color-black);text-decoration:none}.shade-content .btn-outline:hover{background:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.view-all-wrapper{margin-top:40px}@media screen and (max-width:768px){.shade-grid{grid-template-columns:1fr}.shade-card.active .shade-content{transform:translateY(0);opacity:1}.shade-card.active .shade-overlay-title{opacity:0}.shade-card.active .shade-btn{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/2/compiled_assets/styles.css.map */