@import url("https://fonts.googleapis.com/css2?family=Pontano+Sans:wght@400;600&display=swap");.pontano-sans{font-family:Pontano Sans,sans-serif}.cosmetic-banner-img{width:100%;height:700px}.cosmetic-banner-content{position:absolute;top:36rem;left:3rem}.banner-animation{animation:fadeIn .5s ease-out forwards}.dropdown{position:relative;width:16rem}.dropdown-header{background-color:transparent;color:#8a8685;padding:16px;font-size:16px;border:1px solid #8a8685;border-radius:10px;display:flex;justify-content:space-between;align-items:center}.dropdown-options{background-color:#fff;border:1px solid #8a8685;border-top:none;border-bottom-left-radius:10px;border-bottom-right-radius:10px;overflow:hidden;position:absolute;top:calc(100% + 5px);left:0;z-index:100000000;width:100%}.dropdown-options div{padding:12px 16px;font-size:16px;cursor:pointer}.dropdown-options div:hover{background-color:#f2f2f2}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.product-essentials{margin:4rem}.product-main-div{width:20rem}.bottom-div{height:10rem}.addcartbtn{padding:.5rem 13rem;width:100%}@media (max-width:768px){.cosmetic-banner{width:100%;height:16rem}.cosmetic-banner-img{margin-top:6rem;height:auto}.cosmetic-banner-content{top:16rem;left:1.5rem;width:85%}.cosmetic-paragraph{font-size:.5rem;font-weight:700;width:50%}.path{margin-right:3rem}.product-count{margin-bottom:2rem}.addcartbtn{padding:9px 18px;font-size:15px;width:10rem}}.product-main-div{position:relative;overflow:hidden}.product-main-div img:nth-child(2){opacity:0;transition:opacity .3s ease-in-out}.product-main-div:hover img:nth-child(2){opacity:1}.product-main-div .bottom-div{background:#fff;transition:transform .3s ease-in-out,height .3s ease-in-out}.product-main-div:hover .bottom-div{transform:translateY(-40%)}.product-main-div .add-to-cart-btn{position:absolute;bottom:-50px;width:90%;left:1rem;text-align:center;background:#43434b;color:#fff;padding:10px;transition:bottom .3s ease-in-out}.product-main-div:hover .add-to-cart-btn{bottom:-28px;left:1rem}.top-div{background-color:#f8f8f8;height:20rem;display:flex;justify-content:center;align-items:center}.bottom-div{height:8rem}.product-label{background-color:#ffffffe4;display:flex;justify-content:center;align-items:center;border-radius:1.5rem;top:1rem;right:1rem;padding:0 .5rem}.product-label-text{font-weight:400;margin-bottom:.4rem}@media (max-width:464px){.product-main-div{width:17rem}.product-label{top:.5rem;right:.5rem}.product-label-text{font-size:.7rem}}.product-fade-in{opacity:0;transform:translateX(-50px);transition:opacity .5s ease-out,transform .5s ease-out}.product-visible{opacity:1;transform:translateX(0)}.product-essentials{position:relative;margin:1rem 40px 1rem 70px;z-index:1}.cosmetic-banner{width:100%;height:12rem}.cosmetic-banner-img{margin-top:6rem;height:auto}.cosmetic-banner-content{top:16rem;left:1.5rem;width:85%}.cosmetic-paragraph{font-size:.5rem;font-weight:700;width:50%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}