*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;max-width:100vw;overflow-x:hidden;font-family:Arial,sans-serif;background-color:#f5f5e9;scroll-behavior:smooth}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}ul{list-style:none}.app-container{display:flex;flex-direction:column;min-height:100vh;position:relative}.main-content{flex:1}html,body{margin:0;padding:0}.navbar{display:flex;justify-content:space-around;padding:12px 15px;width:100%;z-index:100;transition:background-color .3s ease,box-shadow .3s ease}.navbar-home{background-color:transparent;position:absolute;top:0;left:0;box-shadow:none;width:100%;z-index:1000}.navbar-home .navbar-menu,.navbar-home .navbar-logo p{color:#fefdfc}.navbar-default{background-color:#f5f5e9;position:sticky;top:0;box-shadow:0 1px 3px -2px #000}.navbar-default .navbar-menu,.navbar-default .navbar-logo p{color:#4a3c34}.navbar-default .navbar-menu hr{background:#4a3c34}.navbar-default .searchbar{background-color:#fff;border:1px solid #9E5E4E}.navbar-logo{display:flex;align-items:center;cursor:pointer}.navbar-logo img{width:45px;height:45px}.navbar-logo p{font-size:30px;font-weight:600}.navbar-menu{display:flex;align-items:center;gap:50px;color:#fff;font-size:20px;font-weight:500}.navbar-menu li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer}.navbar-menu hr{border:none;width:80%;height:3px;border-radius:10px;background:#ad8f7d}.searchbar img,.user img,.auth-area img{width:30px;height:30px;cursor:pointer}.searchbar{display:flex;align-items:center;justify-content:space-between;width:300px;height:50px;margin:0 20px;padding:5px 15px;border-radius:25px;background-color:#fff6;border:1px solid rgba(158,94,78,.3);box-shadow:0 4px 10px #0000000d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s ease}.searchbar input{border:none;outline:none;background:transparent;font-size:16px;color:#4a3c34;flex-grow:1;padding:0;margin-right:10px}.search-button{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center}.cart{display:flex;align-items:center;gap:45px;cursor:pointer}.cart img{width:40px;height:40px;cursor:pointer}.cart-icon-btn{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center}.cart-count{width:22px;height:22px;display:flex;justify-content:center;align-items:center;margin-top:-35px;margin-left:-55px;border-radius:11px;font-size:14px;background:#4a3c34;color:#fff}.auth-area{display:flex;align-items:center}.login-signup-button{background-color:#d9944e;color:#fff;border:none;padding:10px 20px;border-radius:20px;font-weight:600;font-size:16px;cursor:pointer;transition:background-color .2s}.login-signup-button:hover{background-color:#c7813c;box-shadow:0 2px 5px #0000001a}.user{display:flex;align-items:center;cursor:pointer;margin-right:20px}.user:hover img{opacity:.8;transform:scale(1.05);transition:all .2s ease-in-out}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#4a3c34b3;z-index:1500;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}.sidebar-overlay.open{opacity:1;visibility:visible;pointer-events:auto}.sidebar{position:fixed;top:0;right:-300px;width:300px;height:100%;background-color:#fff;box-shadow:-5px 0 15px #0000001a;padding:30px;z-index:2000;transition:right .3s cubic-bezier(.25,.8,.25,1);display:flex;flex-direction:column}.sidebar.open{right:0}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid #f0f0f0;padding-bottom:15px}.sidebar-header h3{color:#4a3c34;margin:0;font-size:1.2rem}.close-sidebar-btn{background:none;border:none;font-size:2rem;color:#888;cursor:pointer;line-height:1;padding:0 5px;transition:color .2s,transform .2s}.close-sidebar-btn:hover{color:#d9534f;transform:rotate(90deg)}.sidebar-user-icon{display:flex;justify-content:center;align-items:center;margin-bottom:30px;margin-top:10px}.sidebar-user-icon img{width:80px;height:80px;border-radius:50%;object-fit:contain;border:1px solid #e0e0e0;padding:8px;background-color:#fff}.sidebar img{width:70px;height:70px;border-radius:50%;object-fit:cover;display:block;margin:0 auto 20px;border:3px solid #D9944E}.sidebar ul{list-style:none;padding:0;margin-top:30px}.sidebar li{padding:12px 10px;font-size:18px;cursor:pointer;transition:background-color .2s;border-radius:4px}.sidebar li:hover{background-color:#d9944e1a}@media(max-width:1280px){.navbar-menu{gap:30px;font-size:16px}.searchbar{width:200px}.navbar-logo p{font-size:24px}}@media(max-width:900px){.navbar-menu{display:none}.navbar{justify-content:space-between}.searchbar{display:none}}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-content{background:#fff;padding:30px;border-radius:12px;text-align:center;min-width:300px;animation:fadeIn .3s ease}.popup-icon{font-size:50px;margin-bottom:15px}.success .popup-icon{color:#28a745}.error .popup-icon{color:#dc3545}.popup-button{margin-top:20px;padding:10px 25px;border:none;border-radius:5px;background:#333;color:#fff;cursor:pointer}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.popup-actions{display:flex;justify-content:center;gap:15px;margin-top:20px}.popup-button.cancel{background-color:#6c757d}.popup-button.confirm{background-color:#d9534f}.warning-icon{color:#ffc107;font-weight:700;font-size:50px}.footer{width:100%;padding:40px 0 20px;background-color:#4a3c34;color:#f5f5e9}.footer-content{display:flex;justify-content:space-around;max-width:1200px;margin:0 auto;padding:0 20px 40px;border-bottom:1px solid rgba(245,245,233,.2)}.footer-column{flex-basis:20%}.footer-column h4{font-size:18px;font-weight:700;margin-bottom:20px;color:#d9944e}.footer-column ul{list-style:none;padding:0}.footer-column li{margin-bottom:10px;font-size:15px}.footer-column a{color:#f5f5e9;text-decoration:none}.footer-column a:hover{color:#9e5e4e;text-decoration:underline}.social-icons{display:flex;gap:15px}.social-icons img{width:30px;height:30px}.footer-bottom{text-align:center;padding-top:20px}.footer-bottom{font-size:14px;color:#f5f5e9b3}@media(max-width:768px){.footer-content{flex-direction:column;align-items:center;text-align:center}.footer-column{margin-bottom:30px;width:100%}.social-icons{justify-content:center}}.loading-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100%}.loading-spinner{border:4px solid #f3f3f3;border-top:4px solid #333;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}