.latest-releases{padding:0 var(--side-padding);margin:10px 0 var(--homepage-spacing) 0}.latest-releases .latest-header{border:1px solid var(--black);border-radius:50px;padding:10px 20px;margin:0 0 10px 0}.latest-releases .latest-header h2{font-size:1rem}.latest-diy{position:relative}.latest-diy .latest-wrap{display:flex;flex-direction:row;gap:40px 18px;overflow-x:hidden;overflow-y:hidden;position:relative;padding:2px 2px 2px 2px}.latest-diy .card{min-width:calc(20vw - 27px);max-width:calc(20vw - 27px);transition:opacity .5s ease-in-out,margin-top .8s ease-in-out;transform:translateY(0);opacity:.4}.latest-diy .card .image{width:100%;aspect-ratio:1/1;cursor:pointer}.latest-diy .card .image-wrap{outline:var(--stroke);overflow:hidden;border-top-left-radius:var(--border-radius-small);border-top-right-radius:var(--border-radius-small);border-bottom-left-radius:var(--border-radius-small)}.latest-diy .card .card-content.activated{display:none}.latest-diy .card .card-content{display:block;border-right:var(--stroke);width:calc(100% + 1px);max-width:calc(100% + 1px);padding:10px 10px 0 0}.latest-diy .card .card-content .short-description{display:none}.latest-diy .card .card-content h2{font-size:.8rem;color:var(--black);margin:0 0 4px 0}.latest-diy .card .card-content h3{font-size:.7rem;color:var(--grey)}.latest-diy .card .card-content .index{transition:all .3s ease-in-out;margin-top:14px;padding-top:0;text-align:right;font-size:12px;color:var(--grey);letter-spacing:-.05px}.latest-diy .card.active{min-width:calc(40vw - 41px);max-width:calc(40vw - 41px);animation:slider .2s ease-in-out;opacity:1}.latest-diy .card.active .image{border:0;border-radius:0;cursor:pointer}.latest-diy .card.active .image-wrap{outline:1px solid var(--black);overflow:hidden;border-radius:var(--border-radius-medium);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);transition:box-shadow .3s ease-in-out}.latest-diy .card.active .image-wrap:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}.latest-diy .card.active .title{border:0}.latest-diy .card.active .card-content{display:none}.latest-diy .card.active .card-content.activated{display:block;border:0;margin-top:12px}.latest-diy .card.active .card-content.activated h2{font-size:.8rem;margin:0;line-height:1.3;color:var(--grey)}.latest-diy .card.active .card-content.activated h3{font-size:1.1rem;margin:0 0 10px 0;color:var(--black)}.latest-diy .card.active .card-content.activated .index{display:none}.latest-diy .card:hover{opacity:1}.latest-diy .card.transition{transform:translateY(40px);opacity:.2}.latest-diy .latest-buttons{position:absolute;top:68%;right:0;display:flex;flex-direction:row;align-items:center;gap:18px;transition:all .3s ease-in-out}.latest-diy .latest-buttons .latest-next,.latest-diy .latest-buttons .latest-prev{cursor:pointer}.latest-diy .latest-buttons .latest-next path,.latest-diy .latest-buttons .latest-prev path{transition:all .2s ease-in-out}.latest-diy .latest-buttons .latest-next:hover path,.latest-diy .latest-buttons .latest-prev:hover path{fill:var(--accent)!important}.latest-diy .latest-buttons .latest-prev{opacity:.2;transform:rotate(180deg);margin-top:-2px}@keyframes slider{0%{opacity:0;transform:translateY(40px)}100%{opacity:1;transform:translateY(0)}}@media screen and (max-width:767px){.latest-diy .latest-wrap{grid-gap:40px 12px}.latest-diy .card{min-width:calc(20vw + 40px);max-width:calc(20vw + 40px)}.latest-diy .card .image-wrap{border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px}.latest-diy .card .card-content{max-width:calc(100% + 1px)}.latest-diy .card.active{min-width:calc(80vw - 76px);max-width:calc(80vw - 76px)}.latest-diy .card.active .image-wrap{border-radius:16px}.latest-diy .latest-buttons{top:66%;gap:40px}}