/* Header */
          .header {
              display: flex;
              justify-content: space-between;
              align-items: center;
              padding: 20px 0;
          }

          .logo {

              height: 80px;
              width: 200px;
          }

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

          .cart-icon,
          .menu-icon {
              width: 50px;
              height: 50px;
              background: #ffffff;
              border-radius: 50%;
              display: flex;
              flex-direction: column;
              text-align: center;
              line-height: 1;
              align-items: center;
              justify-content: center;
              color: rgb(0, 0, 0);
              cursor: pointer;
              transition: transform 0.3s ease;
          }

          .cart-icon a {
              text-decoration: none;
              color: black;
          }

          .cart-icon:hover,
          .menu-icon:hover {
              transform: scale(1.1);
          }

          .menu-icon {
              font-size: 24px;
              cursor: pointer;
              color: black;
              padding: 8px;
          }

          .dropdown {
              position: relative;
              display: inline-block;
          }

          .dropdown-menu {
              display: none;
              position: absolute;
              top: 100%;
              left: 0;
              background: white;
              min-width: 160px;
              box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
              border-radius: 8px;
              padding: 8px 0;
              z-index: 1000;
          }

          .dropdown-menu.show {
              display: block;
          }

          .dropdown-menu a {
              display: block;
              padding: 8px 16px;
              text-decoration: none;
              color: #333;
          }

          .dropdown-menu a:hover {
              background-color: #f5f5f5;
          }

          /* Smart mobile positioning to prevent overflow */
          @media (max-width: 768px) {
              .dropdown-menu {
                  /* Default: align to left edge of trigger */
                  left: 0;
                  right: auto;
                  min-width: 200px;
                  max-width: calc(100vw - 40px);
              }

              /* When dropdown would overflow on the right, align to right edge */
              .dropdown-menu.align-right {
                  left: auto;
                  right: 0;
              }

              /* For dropdowns near screen edges, use full-width centered approach */
              .dropdown-menu.center-mobile {
                  left: 50%;
                  right: auto;
                  transform: translateX(-50%);
                  width: calc(100vw - 40px);
                  max-width: 300px;
              }
          }

          /* JavaScript helper classes for dynamic positioning */
          .dropdown-menu.overflow-right {
              left: auto;
              right: 0;
          }

          .dropdown-menu.overflow-left {
              left: 0;
              right: auto;
          }