.product-card{position:relative;display:flex;cursor:pointer;user-select:none;justify-content:center;font-size:15px;height:40vh}@media(min-width:1280px){.product-card{height:60vh}}.product-card .save-to-fav-btn{position:absolute;top:1rem;right:1.25rem;z-index:20;border-radius:9999px;background-color:hsla(0,0%,100%,0);padding:.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s}.product-card .save-to-fav-btn:hover{background-color:rgba(0,0,0,.2)}.product-card .save-to-fav-btn svg{width:1.25rem;height:1.25rem;color:rgba(0,0,0,.2)}.product-card .first-img{z-index:10;opacity:1}.product-card .first-img,.product-card .second-img{position:absolute;inset:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s}.product-card .second-img{z-index:0;border-radius:.5rem;opacity:0}.product-card .second-img img{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:1s}.product-card .image-loader{border-radius:.5rem;height:34vh}@media(min-width:1280px){.product-card .image-loader{height:50vh}}.product-card .content-wrapper{position:absolute;bottom:0;z-index:20;--tw-translate-y:2.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));flex-direction:column;gap:.25rem;background-color:transparent;padding-top:1rem;padding-bottom:1rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s;display:flex;align-items:center;justify-content:center;width:90%}.product-card .content-wrapper .subtitle{--tw-text-opacity:1;color:rgb(141 179 206/var(--tw-text-opacity,1))}.product-card .content-wrapper .price-wrapper{display:flex;align-items:center;gap:.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s}@media (min-width:1280px){.product-card .content-wrapper .price-wrapper{opacity:0}}.product-card .content-wrapper .price-wrapper{animation-delay:2s}.product-card .content-wrapper .bg-lace{position:absolute;left:1.5rem;z-index:-5;height:6rem;width:3rem;fill:currentColor;--tw-text-opacity:1;color:rgb(159 191 214/var(--tw-text-opacity,1));opacity:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s}.product-card:hover .bg-lace{opacity:1}.product-card:hover.has-second-img .first-img{z-index:0;opacity:0}.product-card:hover.has-second-img .second-img{z-index:10;opacity:1}.product-card:hover.has-second-img .second-img img{--tw-scale-x:1;--tw-scale-y:1}.product-card:hover .content-wrapper,.product-card:hover.has-second-img .second-img img{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.product-card:hover .content-wrapper{--tw-translate-y:-2rem;border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(237 243 247/var(--tw-bg-opacity,1));--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.product-card:hover .content-wrapper .price-wrapper{opacity:1}