.card-container{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:32px}.card{position:relative;background:var(--white);cursor:pointer;overflow:hidden;aspect-ratio:.62/1;margin-bottom:32px}.card-content{display:flex;flex-direction:column;font-family:var(--font-inter)}.card-content-title-price-outer-div{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-weight:600;font-size:14px;color:var(--black);line-height:18px}.card-content-description-div{font-weight:300;font-size:12px;color:var(--black);line-height:18px;margin-top:2px}.card-content-colors-outer-div{margin-top:12px;display:flex;flex-direction:row;justify-content:start;align-items:center;gap:4px}.card-content-color-div{width:4%;aspect-ratio:1/1;border:2px solid var(--light-grey)}.card-image-wrapper-div{width:100%;overflow:hidden;position:relative;aspect-ratio:.74/1.08}.card-image{width:100%;height:auto;object-fit:cover;overflow:hidden;aspect-ratio:.74/1;transition:transform .8s ease}.card:hover img{overflow:hidden;transform:scale(1.02);z-index:-1}.card:before{content:"";position:absolute;top:0;left:-100%;width:30%;height:100%;z-index:15;background:linear-gradient(120deg,rgba(255,255,255,0),rgba(255,255,255,.5) 50%,rgba(255,255,255,0));transform:skewX(-25deg);filter:blur(40px)}.card:hover:before{animation:shine 1.2s ease-in-out}@keyframes shine{0%{left:-100%}to{left:125%}}.icon-wrapper{position:absolute;top:16px;right:16px;display:flex;align-items:center;justify-content:center;z-index:2;cursor:pointer}.tag1-wrapper{top:24px;left:0;background-color:#d76c82}.tag1-wrapper,.tag2-wrapper{position:absolute;padding:4px 12px;display:flex;align-items:center;justify-content:center;z-index:2;font-size:12px;font-weight:400;color:var(--white)}.tag2-wrapper{bottom:60px;right:0;background:#ffffff33}.only-one-row-grid{grid-template-rows:1fr;grid-auto-rows:0;padding-bottom:0;row-gap:0;overflow:hidden}.dots-outer-div{z-index:20}@media (max-width:3000px){.card-container{grid-template-columns:repeat(5,1fr)}}@media (max-width:2000px){.card-container{grid-template-columns:repeat(4,1fr)}}@media (max-width:1024px){.card-container{grid-template-columns:repeat(3,1fr)}}@media (max-width:800px){.card-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.card-container{grid-template-columns:repeat(1,1fr)}}