:root{--primary-color: #3b5d50;--secondary-color: #f9bf29;--text-color: #2f2f2f;--light-text: #ffffff;--border-color: #e5e5e5;--hover-color: #2a4438;--muted-text: #6c757d;--box-shadow: 0 5px 20px rgba(0, 0, 0, .1);--header-height: 80px;--header-height-mobile: 70px}body.menu-open{overflow:hidden}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 15px}.top-bar{background-color:var(--primary-color);color:var(--light-text);padding:8px 0;font-size:14px}.top-bar .container{display:flex;justify-content:space-between;align-items:center}.contact-info a{margin-right:20px;color:#fffc}.contact-info a:hover{color:var(--light-text)}.contact-info i{margin-right:5px}.social-links a{margin-left:15px;color:#fffc}.social-links a:hover{color:var(--secondary-color)}.main-nav{background-color:#fff;box-shadow:0 2px 10px #0000001a;position:relative;z-index:100}.main-nav .container{display:flex;justify-content:space-between;align-items:center;height:var(--header-height)}.logo a{display:flex;align-items:center;font-size:28px;font-weight:700}.logo-text{color:var(--primary-color)}.logo-dot{color:var(--secondary-color);font-size:32px}.mobile-toggle{display:none;width:30px;height:24px;position:relative;z-index:200;margin-right:10px}.mobile-toggle span{display:block;width:100%;height:2px;background-color:var(--primary-color);margin:5px 0;transition:all .3s ease}.mobile-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-toggle.active span:nth-child(2){opacity:0}.mobile-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.nav-menu{flex:1;display:flex;justify-content:center}.menu-items{display:flex;margin:0;padding:0;list-style:none}.menu-item{position:relative;margin:0 5px}.menu-item a{display:flex;align-items:center;padding:0 15px;height:var(--header-height);color:var(--text-color);font-weight:500;font-size:16px;text-decoration:none;transition:all .3s ease}.menu-item a i{margin-left:5px;font-size:12px;transition:all .3s ease}.menu-item.active a,.menu-item a:hover{color:var(--primary-color)}.menu-item.active a:before{content:"";position:absolute;bottom:0;left:15px;right:15px;height:3px;background-color:var(--primary-color)}.menu-item.has-submenu{position:relative}.user-actions{display:flex;align-items:center}.search-box,.user-dashboard,.shopping-cart{margin-left:15px;position:relative}.search-toggle,.dashboard-toggle,.cart-toggle{font-size:18px;color:var(--text-color);transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:none;border:none;cursor:pointer}.search-toggle:hover,.dashboard-toggle:hover,.cart-toggle:hover,.search-box.active .search-toggle{color:var(--primary-color);background-color:#3b5d501a}.search-dropdown{position:absolute;top:100%;right:0;width:350px;background-color:#fff;box-shadow:var(--box-shadow);border-radius:4px;padding:15px;z-index:110}.search-input-wrapper{display:flex;border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.search-input-wrapper input{flex:1;border:none;padding:10px 15px;font-size:14px}.search-input-wrapper button{background-color:var(--primary-color);color:#fff;padding:0 15px;transition:all .3s ease;border:none;cursor:pointer}.search-input-wrapper button:hover{background-color:var(--hover-color)}.search-suggestions{margin-top:15px;max-height:300px;overflow-y:auto}.suggestion-group{margin-bottom:15px}.suggestion-group h6{color:var(--muted-text);font-size:12px;text-transform:uppercase;margin-bottom:8px}.suggestion-group ul{list-style:none;padding:0;margin:0}.suggestion-group ul li{position:relative;margin-bottom:5px}.suggestion-group ul li a{display:block;padding:8px 10px;color:var(--text-color);font-size:14px;border-radius:4px;transition:all .3s ease;text-decoration:none}.suggestion-group ul li a:hover{background-color:#3b5d500d}.suggestion-group ul li a i{margin-right:10px;color:var(--muted-text)}.dashboard-dropdown{position:absolute;top:100%;right:0;width:200px;background-color:#fff;box-shadow:var(--box-shadow);border-radius:4px;z-index:100;padding:10px 0}.dashboard-dropdown ul{list-style:none;padding:0;margin:0}.dashboard-dropdown ul li a{display:flex;align-items:center;padding:10px 20px;color:var(--text-color);font-size:14px;text-decoration:none;transition:all .3s ease}.dashboard-dropdown ul li a:hover{background-color:#3b5d500d;color:var(--primary-color)}.dashboard-dropdown ul li a i{margin-right:10px;width:16px;text-align:center}.dropdown-divider{border-top:1px solid var(--border-color);margin:5px 0}.cart-dropdown{position:absolute;top:100%;right:0;width:320px;background-color:#fff;box-shadow:var(--box-shadow);border-radius:4px;z-index:100;padding:15px}.cart-header{padding-bottom:10px;border-bottom:1px solid var(--border-color);margin-bottom:15px}.cart-header h4{font-size:16px;color:var(--text-color);margin:0}.cart-items{max-height:300px;overflow-y:auto}.cart-item{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid var(--border-color);position:relative}.item-image{width:60px;height:60px;border-radius:4px;overflow:hidden;margin-right:15px}.item-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.item-details{flex:1}.item-details h5{font-size:14px;margin-bottom:5px;margin-top:0}.item-meta{display:flex;justify-content:space-between;font-size:13px}.item-price{color:var(--primary-color);font-weight:600}.item-quantity{color:var(--muted-text)}.remove-item{color:var(--muted-text);font-size:14px;position:absolute;top:50%;right:0;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;background-color:#dc35451a;border:none;cursor:pointer}.remove-item:hover{background-color:#dc354533;color:#dc3545}.empty-cart{text-align:center;padding:20px 0}.empty-cart i{font-size:40px;color:var(--muted-text);margin-bottom:10px}.empty-cart p{color:var(--muted-text);margin:0}.cart-footer{margin-top:15px;padding-top:15px;border-top:1px solid var(--border-color)}.cart-total{display:flex;justify-content:space-between;font-weight:600;margin-bottom:15px}.cart-actions{display:flex;gap:10px}.btn-view-cart,.btn-checkout{display:block;padding:10px;text-align:center;border-radius:4px;font-size:14px;font-weight:600;transition:all .3s ease;text-decoration:none;flex:1}.btn-view-cart{background-color:#f5f5f5;color:var(--text-color)}.btn-checkout{background-color:var(--primary-color);color:#fff}.btn-view-cart:hover{background-color:#e5e5e5}.btn-checkout:hover{background-color:var(--hover-color)}.cart-count{position:absolute;top:0;right:0;background-color:var(--secondary-color);color:var(--primary-color);font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 5px}.nav-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:90}.dropdown-menu{position:absolute;top:100%;left:0;min-width:220px;background-color:#fff;box-shadow:var(--box-shadow);z-index:100;border-radius:4px;display:block;opacity:1}.category-list{padding:10px 0;list-style:none;margin:0}.category-list li{position:relative}.category-item{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;transition:all .3s ease}.category-item:hover{background-color:#3b5d500d}.category-item a{height:auto;padding:0;font-weight:500}.category-list li.active .category-item{background-color:#3b5d500d;color:var(--primary-color)}.subcategory-menu{position:absolute;top:0;left:100%;min-width:220px;background-color:#fff;box-shadow:var(--box-shadow);z-index:101;padding:15px;border-radius:4px;display:block;opacity:1}.subcategory-title{color:var(--primary-color);font-size:16px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.subcategory-list{list-style:none;padding:0;margin:0}.subcategory-list li{margin-bottom:8px}.subcategory-list a{color:var(--text-color);font-size:14px;display:block;padding:5px 0;height:auto;text-decoration:none;transition:all .3s ease}.subcategory-list a:hover{color:var(--primary-color);padding-left:5px}.logout-button{display:flex;align-items:center;width:100%;text-align:left;padding:10px 20px;color:#dc3545;font-size:14px;background:none;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none}.logout-button:hover{background-color:#dc35451a}.logout-button i{margin-right:10px;width:16px;text-align:center}@media (max-width: 991px){.top-bar{display:none}.main-nav .container{height:var(--header-height-mobile)}.mobile-toggle{display:block}.nav-menu{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#fff;box-shadow:0 0 15px #0000001a;transition:all .3s ease;z-index:150;flex-direction:column;overflow-y:auto;padding:0;transform:translate(-100%);display:flex}.nav-menu.active{transform:translate(0)}.menu-items{flex-direction:column;width:100%}.menu-item{margin:0;width:100%;border-bottom:1px solid var(--border-color)}.menu-item a{height:auto;padding:15px;justify-content:space-between}.menu-item.active a:before{display:none}.search-dropdown{width:300px}.cart-dropdown{width:280px}.dropdown-menu,.subcategory-menu{position:static;box-shadow:none;width:100%;border-radius:0}.dropdown-menu{background-color:#f9f9f9;padding:0}.subcategory-menu{padding:10px 15px;margin-top:5px;background-color:#f0f0f0}}.animate-fade-in[data-v-49e933c8]{animation:fadeIn-49e933c8 .3s ease-out forwards}@keyframes fadeIn-49e933c8{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}