@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap);
.product-item{transition:all .3s ease}#mobileNavMenu{transition:transform .3s ease,opacity .3s ease,visibility .3s ease}.navbar{color:#fff;padding:10px;position:fixed;top:0;transition:background-color .3s ease,box-shadow .3s ease,color .3s ease;width:100%;z-index:999}.navbar.scrolled{background-color:#fff;box-shadow:0 2px 5px rgba(0,0,0,.1)}.navbar.scrolled a{fill:#000;color:#000}.navbar.scrolled .icon-color{stroke:#000}.navbar.scrolled .icon-colorfill{fill:#000}.navbar.scrolled .logo-black,.navbar.scrolled .logo-white{display:none}.navbar.scrolled .logo-black{display:inline}.scrollbar-none{-ms-overflow-style:none;scrollbar-width:none}.slide-out{animation:slideOut .5s ease-out forwards}.slide-in{animation:slideIn .5s ease-in forwards}@keyframes slideOut{0%{transform:translateX(0)}to{opacity:0;transform:translateX(-100%)}}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.heart-icon{fill:none;color:#717781}.heart-icon.liked{fill:#e53e3e;color:#e53e3e}.heart-btn:focus{outline:none}