.nav-container{z-index:1000;background-color:#fff;width:100%;height:100%;position:sticky;top:0}.navbar{background-color:#fff;justify-content:space-between;align-items:center;max-width:1440px;margin:0 auto;padding:1rem 2rem;display:flex}.navbar ul{display:flex}.navbar ul li{color:#000;cursor:pointer;margin:0 2rem;transition:all .3s}.navbar ul li:before{content:" ";background-color:#399;border-radius:12px;width:6px;height:6px;margin-right:8px;display:inline-block}.navbar ul li:hover{color:#efe0cc}.cart{cursor:pointer;width:50px;height:50px;margin-left:1rem;transition:all .3s}.cart:hover{color:#efe0cc;transform:scale(1.1)}.navbar-right{align-items:center;display:flex}
.herobanner{background-color:#fff;width:100%;height:60vh;margin:0 auto;position:relative;overflow:hidden}.slider-track{width:100%;height:100%;display:flex}.slide{flex:0 0 100%;width:100%;height:100%}.slide img{object-fit:cover;pointer-events:none;width:100%;height:100%}.slider-arrow{color:#333;cursor:pointer;z-index:10;opacity:0;background-color:#ffffffb3;border:none;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:1.2rem;transition:background-color .3s,color .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.herobanner:hover .slider-arrow{opacity:1}.slider-arrow:hover{color:#fff;background-color:#399}.slider-arrow.prev{left:20px}.slider-arrow.next{right:20px}.slider-dots{z-index:10;gap:10px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.dot{cursor:pointer;background-color:#ffffff80;border-radius:50%;width:12px;height:12px;transition:background-color .3s,width .3s}.dot.active{background-color:#399;border-radius:6px;width:24px}@media (max-width:768px){.herobanner{height:40vh}.slider-arrow{opacity:1;width:35px;height:35px;font-size:1rem}.dot{width:10px;height:10px}.dot.active{width:20px}}