.header{background-color:#fff;border-bottom:2px solid #f0e6dc;position:sticky;top:0;z-index:1000;width:100%}.header .container{display:flex;justify-content:space-between;align-items:center;height:70px}.user-logo-name{text-decoration:none;font-size:22px;color:#111827;font-weight:800;transition:color .2s ease}.user-logo-name span{color:#b5632c}.user-logo-name:hover{color:#b5632c;cursor:pointer}.store-logo-img{height:65px;width:auto;max-width:160px;object-fit:contain;border-radius:6px;display:flex;justify-content:center;align-items:center}.footer-logo .user-logo-name{display:block;color:#fff;margin-bottom:10px}.footer-bottom .user-logo-name{color:#fff;font-size:17px}.footer-logo .user-logo-name:hover,.footer-bottom .user-logo-name:hover{color:#b5632c}.navigation-wrapper{display:flex;align-items:center;gap:20px;height:100%}.navigation-wrapper .nav-bar{height:100%}.arrow-icon{font-size:13px;color:#543920;transition:transform .25s ease,color .25s ease}.dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;color:#543920;text-decoration:none;font-size:14px;font-weight:600;border-radius:6px;transition:all .2s ease}.dropdown-item:hover,.dropdown-item.is-selected{background:#fcf2e8;color:#b5632c}.check-icon{font-size:13px;color:#b5632c}.header .nav-menu{display:flex;gap:10px;list-style:none;padding:0;margin:0;height:100%}.header .nav-menu li{height:100%}.header .nav-menu li a{display:flex;align-items:center;text-decoration:none;height:100%;padding:0 20px;color:#543920;font-size:15px;font-weight:600;position:relative;transition:color .3s ease}.header .nav-menu li a:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background-color:#b5632c;transform:scaleX(0);transform-origin:center;transition:transform .4s ease}.header .nav-menu li a:hover{color:#b5632c;background-color:#fcf2e8}.header .nav-menu li a:hover:before{transform:scaleX(1)}.user-actions{display:flex;align-items:center;gap:15px}.header .welcome-user{font-size:17px;color:#543920;font-weight:700;cursor:default}.header .welcome-user .user-name{color:#b5632c}.header .btn{text-decoration:none;font-size:15px;font-weight:600;padding:8px 14px;border-radius:8px;transition:all .3s ease;cursor:pointer;border:none}.header .login-desktop-btn{background-color:#b5632c;color:#fff}.header .login-desktop-btn:hover{background-color:#964f20;transform:translateY(-1px);box-shadow:0 4px 12px #b5632c33}.header .logout-desktop-btn{background-color:transparent;border:1.5px solid #b5632c;color:#b5632c}.header .logout-desktop-btn:hover{background-color:#b5632c;color:#fff}.header-controls-wrapper{display:flex;align-items:center;gap:12px}.header .hidden{display:none}.header .menu-icon{display:none;flex-direction:column;gap:5px;width:26px;cursor:pointer;transition:color .2s ease}.header .menu-icon:hover span{background-color:#b5632c}.header .menu-icon span{background-color:#543920;height:3px;width:100%;border-radius:2px;transition:all .3s ease}.header .menu-icon span:nth-child(2){width:70%}.header .mobile-actions{display:none}.header .menu-icon.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.header .menu-icon.active span:nth-child(2){opacity:0;transform:translate(-20px)}.header .menu-icon.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media(max-width:992px){.user-actions{display:none}.header .menu-icon{display:flex}.header .nav-bar{position:fixed;top:71px;right:-100%;width:100%;height:auto;box-shadow:0 10px 20px #0000000d;display:flex;flex-direction:column;padding:10px 0;transition:right .4s ease;background-color:#fff}.header .nav-bar.active{right:0}.header .nav-menu{flex-direction:column;gap:0}.header .nav-menu li a{height:55px;padding:0;font-size:16px;border-bottom:1px solid #fbf8f3;display:flex;justify-content:center;align-items:center}.header .nav-menu li a:before{display:none}.header .mobile-actions{display:flex;flex-direction:column;gap:10px;margin-top:12px}.header .nav-btn{text-align:center;text-decoration:none;font-size:15px;font-weight:600;padding:12px 0;border-radius:8px;border:none;cursor:pointer;width:90%;margin:0 auto;display:flex;justify-content:center;align-items:center}.header .nav-btn:hover{background-color:#b5632c;color:#fff;transition:all .3s ease}.header .login-mobile-btn{background-color:#b5632c;color:#fff}.header .logout-mobile-btn{background-color:#fbf8f3;color:#b5632c;border:1px solid #e0d7cc}.header .logout-mobile-btn i{padding-inline-end:10px;transition:transform .3s ease}.header .logout-mobile-btn:hover i{transform:translate(4px)}.header .mobile-actions .welcome-user h3{text-align:center;color:#543920;font-size:16px;margin:0 0 8px}.user-logo-name{font-size:20px}}.store-dropdown{position:relative;display:inline-block}.store-dropdown-toggle{background:#fff;border:1px solid #e2d2c1;color:#4a3b32;padding:8px 14px;border-radius:8px;font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease}.store-dropdown-toggle:hover{border-color:#b8621b;background-color:#fffaf5}.store-dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;background:#fff;border:1px solid #e2d2c1;border-radius:10px;box-shadow:0 4px 15px #00000014;min-width:210px;z-index:1000;display:none;overflow:hidden}.store-dropdown-menu.show{display:block}.store-dropdown-menu .dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;color:#4a3b32;text-decoration:none;font-size:14px;transition:background .15s ease}.store-dropdown-menu .dropdown-item:hover{background-color:#fcf6f0}.store-dropdown-menu .dropdown-item.is-selected{font-weight:700;color:#b8621b;background-color:#fbf1e8}.dropdown-divider{height:1px;background-color:#eee0d5;margin:4px 0}.create-store-item{color:#b8621b!important;font-weight:600}
