.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: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%;gap:1em}.image-colors,.image-desc-box{display:flex;flex-direction:row}.image-colors{align-items:center;gap:.35em;margin-top:.6em}.image-color-dot{width:1.1em;height:1.1em;border-radius:50%;display:inline-block;border:1px solid rgba(0,0,0,.2);box-shadow:inset 0 0 0 1px #fff;flex:0 0 auto}.image-color-more{font-size:.8em;color:var(--light-gray);margin-left:.2em}@media (min-width:650px){.image-card{height:24em;width:16em}.image-container{height:20em}}@keyframes scrolltext{0%{transform:translateX(0)}to{transform:translateX(-100%)}}