.separator{display:flex;padding:7rem 5rem 3rem;align-items:center}.separator h4{font-size:2.5rem;padding-right:2rem}.separator .line{height:5px;background-color:var(--whitesmoke);flex-grow:1}.products-container{padding:0 2rem 5rem;display:grid;grid-template-columns:repeat(auto-fit,28rem);justify-content:center;align-items:flex-start}.products-container .product-card{display:flex;flex-direction:column;padding:2rem;border:1px solid var(--whitesmoke);transition:transform .3s ease,box-shadow .3s ease;max-width:28rem;width:auto!important;height:100%;position:relative;overflow:hidden}.featured-products-container{padding:0 2rem 5rem;display:grid;grid-template-columns:repeat(auto-fit,28rem);justify-content:center;align-items:flex-start}.featured-products-container .product-card{display:flex;flex-direction:column;padding:2rem;border:1px solid var(--whitesmoke);box-shadow:0 0 4px rgba(255,215,0,.5);transition:transform .3s ease,box-shadow .3s ease;max-width:28rem;width:auto!important;height:100%;position:relative;overflow:hidden}.featured-products-container .product-card:before{content:"★ Featured";position:absolute;top:10px;left:10px;color:#fff;font-weight:700;background:gold;padding:4px 10px;border-radius:6px}.product-card.out-of-stock:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,100%,.5);z-index:3}.product-card:hover{transform:translateY(-.5rem);height:calc(100% + .5rem);z-index:1;background-color:var(--white);animation:spreadShadow .3s ease-out forwards}.image-container{overflow:hidden;display:flex;justify-content:center;align-items:center;height:auto;width:auto;max-height:250px;max-width:250px;aspect-ratio:1;pointer-events:auto}.image-container.out-of-stock:before{content:"";position:absolute;width:100%;height:100%;background-color:hsla(0,0%,100%,.5);z-index:3}.image-container img{object-fit:contain;width:100%;height:100%;display:block}.details{padding:2rem 0}.category-name{font-size:1.2rem;text-transform:uppercase;letter-spacing:1px;color:var(--sub-item);display:flex}.product-name{font-size:2rem;font-weight:800;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;cursor:pointer;position:relative;z-index:2}.product-name:hover{color:var(--third-color)}.loop-btn{align-items:center}.loop-btn,.price{position:relative;display:flex}.price{font-size:1.5rem;font-weight:400;color:var(--secondary-color);border-top:1px solid var(--whitesmoke);margin-top:1rem;padding-top:1rem;transition:transform .3s ease-in-out,opacity .3s ease-in-out;z-index:1}.product-card:hover .price{transform:translateY(-100%);opacity:0}.btn,.option-btn{font-size:1.2rem;font-weight:800;text-transform:uppercase;padding:1rem;color:var(--white);background-color:var(--main-color);border-radius:5px;position:absolute;top:100%;left:0;opacity:0;z-index:4;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.btn:hover,.option-btn:hover{background-color:var(--secondary-color)}.product-card:hover .btn,.product-card:hover .option-btn{transform:translateY(-100%);opacity:1}.heart-icon{position:absolute;top:80%;right:5%;opacity:0;font-size:2.5rem;background-color:transparent;text-align:center;color:var(--red);cursor:pointer;z-index:4;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.product-card:hover .heart-icon{transform:translateY(-100%);opacity:1}.heart-icon:hover:before{font:var(--fa-font-solid);content:"\f004"}@media (max-width:641px){.featured-products-container,.products-container{padding:0 2rem 5rem;display:grid;grid-template-columns:repeat(auto-fit,calc(50% - 2rem));justify-content:center;align-items:flex-start}}@media (max-width:500px){.featured-products-container,.products-container{padding:0 2rem 5rem;display:grid;grid-template-columns:repeat(auto-fit,calc(50%));justify-content:center;align-items:flex-start}.product-card .details .product-name{font-size:1.6rem;font-weight:800;display:flex;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}}