.header {
       background: #15110F;
       padding: 38px 0px;
       display: flex;
       justify-content: space-between;
       align-items: center;
       position: relative;
       z-index: 100;
   }

   .menu-btn {
       display: flex;
       align-items: center;
       gap: 15px;
       background: none;
       border: none;
       color: white;
       font-size: 26px;
       font-weight: 400;
       cursor: pointer;
       transition: all 0.3s ease;
       padding: unset;
   }

   .menu-btn:hover {
       opacity: 0.8;
   }

   .hamburger {
       display: flex;
       flex-direction: column;
       gap: 5px;
       width: 28px;
   }

   .hamburger span {
       display: block;
       height: 3px;
       background: white;
       border-radius: 2px;
       transition: all 0.3s ease;
   }

   .menu-btn.active .hamburger span:nth-child(1) {
       transform: rotate(45deg) translate(8px, 8px);
   }

   .menu-btn.active .hamburger span:nth-child(2) {
       opacity: 0;
   }

   .menu-btn.active .hamburger span:nth-child(3) {
       transform: rotate(-45deg) translate(7px, -7px);
   }

   .box-header-desktop .logo {
       position: absolute;
       left: 50%;
       transform: translateX(-50%);
       height: 89px;
   }

   .header-right {
       display: flex;
       align-items: center;
       gap: 20px;
   }

   .box-header-desktop .cart {
       color: white;
       font-size: 20px;
       display: flex;
       align-items: center;
       gap: 8px;
       font-weight: 700;
   }

   .order-btn {
       background: rgb(252, 198, 80);
       color: #fff;
       border: none;
       padding: 6px 24px 8px;
       border-radius: 25px;
       
       font-size: 20px;
       cursor: pointer;
       transition: all 0.3s ease;
       font-weight: 600;
   }

   .order-btn:hover {
       transform: translateY(-2px);
       box-shadow: 0 5px 15px rgba(244, 183, 66, 0.4);
   }

   .lang-selector {
       color: #fcc650;
       font-size: 21px;
       cursor: pointer;
   }

   /* Overlay */
   .menu-overlay {
       position: fixed;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       background: rgba(0, 0, 0, 0.8);
       opacity: 0;
       visibility: hidden;
       transition: all 0.4s ease;
       z-index: 998;
   }

   .menu-overlay.active {
       opacity: 1;
       visibility: visible;
   }

   /* Slide Menu */
   .slide-menu {
       position: fixed;
       top: 0;
       left: -100%;
       width: 420px;
       max-width: 85%;
       height: 100%;
       background: #1a1a1a;
       padding: 40px;
       overflow-y: auto;
       transition: left 1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
       z-index: 999;
   }

   .slide-menu.active {
       left: 0;
   }

   .close-btn {
       position: absolute;
       top: 30px;
       right: 30px;
       width: 50px;
       height: 50px;
       border: 2px solid #f4b742;
       border-radius: 50%;
       background: none;
       color: #f4b742;
       font-size: 24px;
       cursor: pointer;
       display: flex;
       align-items: center;
       justify-content: center;
       transition: all 0.3s ease;
   }

   .close-btn:hover {
       background: #f4b742;
       color: #1a1a1a;
       transform: rotate(90deg);
   }

   .login-link {
       color: #f4b742;
       text-decoration: none;
       font-size: 23px;
       margin-bottom: 40px;
       display: inline-flex;
       align-items: center;
       gap: 8px;
       transition: all 0.3s ease;
       font-weight: 700;
   }

   .login-link:hover {
       opacity: 0.8;
   }

   .menu-items {
       list-style: none;
   }

   .menu-items li {
       margin-bottom: 8px;
       opacity: 0;
       transform: translateX(-30px);
       animation: slideIn 0.5s ease forwards;
   }

   .menu-items li:nth-child(1) {
       animation-delay: 0.1s;
   }

   .menu-items li:nth-child(2) {
       animation-delay: 0.15s;
   }

   .menu-items li:nth-child(3) {
       animation-delay: 0.2s;
   }

   .menu-items li:nth-child(4) {
       animation-delay: 0.25s;
   }

   .menu-items li:nth-child(5) {
       animation-delay: 0.3s;
   }

   .menu-items li:nth-child(6) {
       animation-delay: 0.35s;
   }

   .menu-items li:nth-child(7) {
       animation-delay: 0.4s;
   }

   .menu-items li:nth-child(8) {
       animation-delay: 0.45s;
   }

   .menu-items li:nth-child(9) {
       animation-delay: 0.5s;
   }

   .menu-items li:nth-child(10) {
       animation-delay: 0.55s;
   }

   .menu-items li:nth-child(11) {
       animation-delay: 0.6s;
   }

   @keyframes slideIn {
       to {
           opacity: 1;
           transform: translateX(0);
       }
   }

   .menu-items a {
       color: white;
       text-decoration: none;
       font-size: 27px;
       font-weight: bold;
       display: block;
       padding: 5px 0;
       transition: all 0.3s ease;
       position: relative;
   }

   .menu-items a::before {
       content: '';
       position: absolute;
       left: 0;
       bottom: 10px;
       width: 0;
       height: 3px;
       background: #f4b742;
       transition: width 0.3s ease;
   }

   .menu-items a:hover {
       color: #f4b742;
       transform: translateX(10px);
   }

   .menu-items a:hover::before {
       width: 40px;
   }

   /* Content */
   .content {
       padding: 60px 40px;
       text-align: center;
   }

   .content h1 {
       font-size: 48px;
       color: #1a1a1a;
       margin-bottom: 20px;
   }

   .box-header-desktop {
       background: #15110F;
   }

   .box-header-desktop .logo img {
       width: 100%;
       height: 100%;
   }


   @media(max-width:990px) {
       .menu-btn {
           font-size: 21px;
           gap: 9px;
       }

       .hamburger {
           width: 23px;
       }

       .order-btn {
           font-size: 17px;
           padding: 6px 13px 8px;
       }

       .header-right {
           gap: 10px;
       }

       .box-header-desktop .logo {
           height: 73px;
       }

       .header {
           padding: 29px 0px;
       }

       .box-header-desktop .cart {
           font-size: 18px;
       }

       .close-btn {
           width: 35px;
           height: 35px;
           padding: unset;
           font-size: 16px;
           border: 1px solid #f4b742;
       }

       .slide-menu {
           padding: 40px 20px;
       }

       .menu-items a {
           font-size: 23px;
           font-weight: 600;
           padding-bottom: 11px;
       }

       .lang-selector {
           position: fixed;
           right: 0;
           top: 20%;
           background: #1E1E1E;
           padding: 5px 20px;
           color: #fff;
           font-size: 16px;
       }
   }