.image-card{padding:0;display:flex;flex-direction:column;text-align:start;height:24em;width:14em;transition:transform .2s ease-in-out;overflow:hidden;white-space:nowrap}.image-special-text{position:absolute;top:1em;left:.5em;font-weight:600;text-transform:uppercase;font-family:var(--font-montserrat);color:var(--white);z-index:2;background-color:var(--orange);padding:.1em .5em;border-radius:1em;transition:all .2s linear}.image-card:hover .image-special-text,.image-discount-text{background-color:var(--blue)}.image-discount-text{position:absolute;top:1em;right:.5em;font-weight:600;text-transform:uppercase;font-family:var(--font-montserrat);color:var(--white);z-index:2;padding:.1em .5em;border-radius:1em;transition:all .2s linear}.image-card:hover .image-discount-text{background-color:var(--pink)}.image-card:hover{transform:scale(1.02);cursor:pointer}.image-container{width:100%;height:15em}.image-container img{object-fit:contain}.image-title{font-weight:400;color:var(--dark);margin:1em 0;text-overflow:ellipsis}.image-desc,.image-title{text-transform:capitalize}.image-desc{font-weight:700;color:var(--orange);margin:auto 0 0}.image-card:hover .image-title{animation:scrolltext 5s linear infinite}.image-desc-underline{font-weight:400;text-transform:capitalize;text-decoration:line-through;color:var(--light-gray);margin:auto 0 0}.image-desc-box{width:100%;display:flex;flex-direction:row;gap:1em}@media (min-width:650px){.image-card{height:24em;width:16em}.image-container{height:20em}}@keyframes scrolltext{0%{transform:translateX(0)}to{transform:translateX(-100%)}}