*{box-sizing:border-box;margin:0;padding:0}body{align-items:center;background-color:#fff;display:flex;flex-wrap:wrap;font-family:Arial,sans-serif;justify-content:center}.top-menu{align-items:center;background:rgb(255 255 255 / .9);box-shadow:0 4px 10px rgb(0 0 0 / .1);display:flex;position:fixed;top:0;left:0;width:100%;height:100px;justify-content:space-between;z-index:1000}.top-menu.scrolled{height:60px;background:rgb(255 255 255 / .9);box-shadow:0 2px 10px rgb(0 0 0 / .2)}.top-menu-container{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.logo-section{display:flex;align-items:center}.top-menu-logo{height:80px;width:80px;border-radius:50%;object-fit:cover}.top-menu.scrolled .top-menu-logo{height:40px;width:40px;border-radius:50%;object-fit:cover}.top-categories{display:none;position:fixed;top:100px;left:0;width:100%;height:100px;background:rgb(255 255 255 / .9);align-items:center;justify-content:center;box-shadow:0 4px 10px rgb(0 0 0 / .1);z-index:1000}.top-categories.scrolled{top:60px;background:rgb(255 255 255);box-shadow:0 2px 10px rgb(0 0 0 / .2)}.banner{width:100%;height:200px;background:url(../img/HelloSpring.webp) center/cover no-repeat;margin-top:100px}.top-section{width:100%;background-color:#fff;padding:20px;display:flex;align-items:center;justify-content:center}.announcements{width:100%;height:50px;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.announcements div{position:absolute;width:100%;text-align:center;opacity:0;transition:opacity 1s ease-in-out}.announcements div.active{opacity:1}.website-header{width:100%;text-align:center;background:#f8f8f8;padding:20px 0;margin-bottom:20px}.website-header h1{font-size:2.5em;font-weight:700;color:#333;margin:0 auto;padding:10px;max-width:80%}.main-content{display:flex;width:100%}.sidebar{width:25%;background:#fff;padding:20px;display:flex;flex-direction:column;position:relative;overflow:visible;z-index:900}.category-container{background:#fff;text-align:left;padding:10px;width:max-content}.category{font-size:1.2em;font-weight:700;color:#000;margin-bottom:5px}.subcategory{padding-left:10px;font-size:.9em;color:#555}.lazy{opacity:0;transition:opacity 0.5s ease-in-out}.lazy-loaded{opacity:1}.product-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.product-card{background:#fff;border-radius:10px;box-shadow:0 4px 8px rgb(0 0 0 / .1);width:300px;text-align:justify;padding:20px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:60px;min-height:150px}.product-card img{max-width:100%;border-radius:5px}.product-labels{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:5px;z-index:2;width:100%;padding:0 10px;justify-content:space-between}.new-label{width:80px;height:auto;text-transform:uppercase}.discount-label{width:70px;height:auto;position:absolute;top:10px;right:20px}.product-title{font-size:1.2em;text-align:center;margin:10px 0;font-weight:700}.product-category{font-size:.9em;color:indigo;margin-bottom:5px;font-weight:700}.product-description{font-size:.9em;color:#333;margin-bottom:10px;height:100px;overflow:hidden;display:flex;align-items:first baseline;text-overflow:ellipsis}.product-link{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:inline-block;background:indigo;color:#fff;font-weight:700;padding:12px 16px;border-radius:5px;text-decoration:none}.product-link:hover{background:#3A0066}.product-tags{display:none}.footer{width:100%;background:#222;color:#fff;padding:40px 0;margin-top:40px;text-align:center}.footer-container{max-width:1200px;margin:auto;display:flex;flex-wrap:wrap;justify-content:space-around}.footer-section{flex:1;margin:20px;min-width:250px}.footer-section h2{font-size:1.3em;margin-bottom:15px}.footer-section p{font-size:.9em;opacity:.8;line-height:1.5}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin:8px 0}.footer-section ul li a{color:#fff;text-decoration:none;opacity:.8;transition:0.3s}.footer-section ul li a:hover{opacity:1}.social-icons{display:flex;justify-content:center;gap:15px}.social-icons a img{width:30px;height:30px;filter:invert(1);transition:transform 0.3s ease}.social-icons a img:hover{transform:scale(1.2)}.footer-bottom{margin-top:30px;padding-top:15px;border-top:1px solid rgb(255 255 255 / .3);font-size:.9em;opacity:.7}@media (max-width:1440px){.category-container{display:block}.product-card{width:30%}}@media (max-width:1200px){.product-card{width:45%}.sidebar{width:20%}}@media (min-width:1025px){.top-menu-toggle{display:none;}}@media (max-width:1024px){.top-menu-logo{height:60px;width:auto}.toggle-section{display:flex;align-items:center}.top-menu-toggle{display:flex;font-size:28px;background:none;border:none;cursor:pointer;color:#333}.top-categories{display:none}.top-categories.active{display:flex!important}.website-header h1{font-size:2.2em;max-width:90%}.sidebar{display:none}.product-card{width:48%}}@media (max-width:768px){.main-content{flex-direction:column}.website-header h1{font-size:1.8em;max-width:95%;padding:10px 15px}.product-card{width:100%}.footer-container{flex-direction:column;text-align:center}}@media (max-width:480px){.website-header h1{font-size:1.5em;padding:8px 10px}.product-card{width:100%}}